Free tool · 40+ devices
Mobile website screenshot
Pick a phone or tablet and get a screenshot at its exact viewport size and pixel density, without owning the device.
Popular device sizes
| Device | Viewport | Pixel ratio |
|---|---|---|
| iPhone 16 Pro | 402 × 874 | 3 |
| iPhone 15 / 16 | 393 × 852 | 3 |
| iPhone SE | 375 × 667 | 2 |
| Pixel 9 | 412 × 924 | 2.625 |
| Samsung Galaxy S20 Ultra | 412 × 915 | 3.5 |
| iPad Mini | 768 × 1024 | 2 |
See all viewport sizes, with user agents and CSS media queries.
Frequently asked questions
How do I see what my website looks like on a phone?
Enter the URL, pick a device such as iPhone 15 Pro or Pixel 9, and take the screenshot. The page is rendered at that device's CSS viewport and pixel ratio, so responsive layouts switch to their mobile version.
Is this the same as testing on a real phone?
It renders the page at the device's viewport size and pixel density, which is what responsive designs react to. It does not emulate the phone's browser engine, touch input or user agent, so test critical flows on real devices too.
Where do the device sizes come from?
From the device list built into Chrome DevTools. All of them are on the viewport sizes pages.
Screenshot API
Take screenshots from your code
screenshotbase renders any website in a real browser and returns the image: full page or viewport, any device size, retina, from 100+ countries, with cookie banners and ads hidden.
300 free screenshots every month. No credit card required.
GET https://api.screenshotbase.com/v1/take?url=https://example.com&viewport_width=393&viewport_height=852&device_scale_factor=3
# Response: the image (PNG, JPG, WebP or GIF)
curl -G "https://api.screenshotbase.com/v1/take" \
--data-urlencode "url=https://example.com" \
-d viewport_width=1280 -d viewport_height=800 \
-d format=png \
-H "apikey: YOUR-API-KEY" \
-o screenshot.png