Screenshot a website as a phone shows it
To see how a website looks on a phone, paste its address into CurlShot and choose Phone. CurlShot opens the page with a phone-sized screen, the phone's pixel density and a mobile browser identity, so the site serves its mobile layout, and returns a screenshot of it. Tablet and computer views work the same way.
No address handy? Try
The example stops here. The real page goes on.
This is an example: wikipedia.org on a phone, whole page, a screenshot made with CurlShot. Paste an address above to make your own.
Ads and cookie pop-ups hidden. This page has none, so the screenshot is the same either way.
No account needed to try it. A free account gives you 100 screenshots a month, no card needed.
Create a free accountHow to screenshot a website as a phone shows it in three steps
- 1
Paste the address of the website into the box.
- 2
Choose "Phone" or "Tablet".
- 3
Press "Take the screenshot", then download the image.
Every phone you can pick, with its exact screen
Each phone preset sets the screen size, the pixel density, touch support and the browser identity of that phone in one option, viewport_device. The image is larger than the screen because of the density: a 393 × 852 screen at density 3 gives a 1,179 × 2,556 image.
The table shows the first screen. Add full_page=true to capture the phone layout down to the bottom.
Show the table (26 rows)
| Device | viewport_device | Screen (CSS px) | Density | Image (px) |
|---|---|---|---|---|
| iPhone SE | iphone_se | 375 × 667 | 2x | 750 × 1,334 |
| iPhone 12 | iphone_12 | 390 × 844 | 3x | 1,170 × 2,532 |
| iPhone 13 | iphone_13 | 390 × 844 | 3x | 1,170 × 2,532 |
| iPhone 13 mini | iphone_13_mini | 375 × 812 | 3x | 1,125 × 2,436 |
| iPhone 14 | iphone_14 | 390 × 844 | 3x | 1,170 × 2,532 |
| iPhone 14 Plus | iphone_14_plus | 428 × 926 | 3x | 1,284 × 2,778 |
| iPhone 14 Pro | iphone_14_pro | 393 × 852 | 3x | 1,179 × 2,556 |
| iPhone 14 Pro Max | iphone_14_pro_max | 430 × 932 | 3x | 1,290 × 2,796 |
| iPhone 15 | iphone_15 | 393 × 852 | 3x | 1,179 × 2,556 |
| iPhone 15 Plus | iphone_15_plus | 430 × 932 | 3x | 1,290 × 2,796 |
| iPhone 15 Pro | iphone_15_pro | 393 × 852 | 3x | 1,179 × 2,556 |
| iPhone 15 Pro Max | iphone_15_pro_max | 430 × 932 | 3x | 1,290 × 2,796 |
| iPhone 16 | iphone_16 | 393 × 852 | 3x | 1,179 × 2,556 |
| iPhone 16 Plus | iphone_16_plus | 430 × 932 | 3x | 1,290 × 2,796 |
| iPhone 16 Pro | iphone_16_pro | 402 × 874 | 3x | 1,206 × 2,622 |
| iPhone 16 Pro Max | iphone_16_pro_max | 440 × 956 | 3x | 1,320 × 2,868 |
| Pixel 5 | pixel_5 | 393 × 851 | 2.75x | ≈1,081 × ≈2,340 |
| Pixel 7 | pixel_7 | 412 × 915 | 2.625x | ≈1,082 × ≈2,402 |
| Pixel 8 | pixel_8 | 412 × 915 | 2.625x | ≈1,082 × ≈2,402 |
| Pixel 8 Pro | pixel_8_pro | 448 × 998 | 3x | 1,344 × 2,994 |
| Pixel 9 | pixel_9 | 412 × 923 | 2.625x | ≈1,082 × ≈2,423 |
| Pixel 9 Pro | pixel_9_pro | 410 × 914 | 3x | 1,230 × 2,742 |
| Galaxy S23 | galaxy_s23 | 360 × 780 | 3x | 1,080 × 2,340 |
| Galaxy S24 | galaxy_s24 | 360 × 780 | 3x | 1,080 × 2,340 |
| Galaxy S24 Ultra | galaxy_s24_ultra | 384 × 824 | 3x | 1,152 × 2,472 |
| Galaxy A54 | galaxy_a54 | 360 × 800 | 3x | 1,080 × 2,400 |
- Any viewport option you send yourself wins over the preset. device_scale_factor=1 keeps the phone layout in a much lighter file.
- viewport_landscape=true turns the phone on its side.
- No preset fits? Set viewport_width, viewport_height and viewport_mobile=true yourself.
- A preset changes how the page is drawn. It does not draw a phone body around the screenshot.
What people use it for
- Check your own site on a phone without a phone at hand
- Show a client how their shop looks on mobile
- Compare the phone, tablet and computer layout of a page
- Catch a broken mobile layout after a change
For developers: one request
The same thing from your own code. It is a plain HTTP request, so it works from any language. Create a free account to get an access key.
curl "https://curlshot.com/api/v1/screenshot?access_key=YOUR_ACCESS_KEY&url=https://example.com&viewport_device=iphone_15_pro&full_page=true" \
--output phone.pngQuestions people ask
How can I see what my website looks like on a phone?
Paste the address into CurlShot and choose Phone. You get a screenshot of the mobile version of the page, as a phone would show it.
Which devices can I choose?
On this page: a phone, a tablet and a computer. The API has a list of named devices, including current iPhone, Pixel and iPad models and common laptop and desktop sizes, and you can also set any width and height yourself.
Is this a real phone?
No. It is a real browser set up like the phone: the same screen size, pixel density, touch support and browser identity. That is what decides which layout a site serves, so the result matches what the phone shows for almost all sites.
Is it free?
You can try it on this page without an account. A free account adds a monthly allowance of screenshots and keeps them in one place.
Guides that go deeper
- Cheat sheetViewport sizes cheat sheet: phones to desktopsViewport sizes in CSS pixels, screenshot sizes and device pixel ratios of iPhone, Pixel, Galaxy, iPad and laptop screens, drawn to scale, and the sizes to test.
- How-toFull-page screenshot on every device and browserExact keys and menu names to screenshot a whole web page in Chrome, Firefox, Edge, Safari, iPhone, iPad and Android, checked against each vendor.
Related tools
- Full-page screenshotTake a screenshot of a whole web page, from the top to the very bottom, as one image. Paste the address, nothing to install. Also available as an API.
- Website thumbnailMake a thumbnail or preview image of any website from its address. For directories, link lists, portfolios and newsletters. Free to try, one request by API.
- Screenshot APIA screenshot API for developers. One HTTP request turns a URL, HTML or Markdown into a PNG, JPEG, WebP or PDF. Full page, devices, blocking, cache, MCP.