DriversRecommendedOutdated drivers can make a good PC feel brokenScan driver issues before chasing fixes manually.Scan NowOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run Scan×
Skip to content
Cupertino desk4 min

How to Make a Website Screenshot Thumbnail at iPhone Dimensions

Make a website screenshot thumbnail at a chosen iPhone viewport size using Chrome, Safari, or Playwright—and know when to validate on a real device.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To make a website screenshot thumbnail at iPhone dimensions, choose a specific iPhone model or set a custom viewport, capture the page in a browser preview tool, then check the saved image’s pixel dimensions and crop or resize it if the thumbnail needs a different output shape. There is no single viewport size that represents every iPhone.

Choose what “iPhone dimensions” means

Before capturing, decide whether the thumbnail should represent a particular iPhone model or simply use a specified custom width and height. If a brief says only “iPhone dimensions,” ask for the model or agree on the viewport rather than silently treating one size as universal.

As an Amazon Associate I earn from qualifying purchases.

A browser viewport is the area in which a webpage lays out; the exported image’s pixel dimensions are a separate consideration. Device pixel ratio can affect resolution-dependent styles and image selection. Where the preview tool exposes a pixel-ratio setting, choose it deliberately, then inspect the file that was actually saved.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Capture a thumbnail in Chrome

  1. Open the webpage in Chrome and open DevTools.
  2. Turn on the Device Toolbar, then choose a device preset or enter the agreed custom width and height.
  3. Load or refresh the page and check that the layout is the one you want to show.
  4. Use Capture screenshot for the visible viewport. Use Capture a full size screenshot only if the thumbnail should show the entire page rather than what fits on screen.
  5. Check the exported image dimensions. If the destination requires a different thumbnail size or aspect ratio, crop or resize the image and identify that as a post-capture adjustment.

Chrome’s responsive width presets include 320px, 375px, and 425px. These are tool presets, not definitive dimensions for all iPhones. Chrome Device Mode simulates a mobile experience on a desktop; it does not run the site on an iPhone. See Chrome for Developers’ Device Mode documentation.

#1 Best Overall
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
  • This phone is unlocked and compatible with any carrier of choice on GSM and CDMA networks (e.g. AT&T, T-Mobile, Sprint, Verizon, US Cellular, Cricket, Metro, Tracfone, Mint Mobile, etc.).
  • Please check with your carrier to verify compatibility.
  • The device does not come with headphones or a SIM card. It does include a generic (Mfi certified) charging cable.
  • Tested for battery health and guaranteed to have a minimum battery capacity of 80%.

Use Safari Responsive Design Mode

  1. In Safari, open the Develop menu and choose Responsive Design Mode.
  2. Select a preset or edit the effective viewport width and height in screen points.
  3. Set Pixel Ratio if you need to check density-dependent behavior, then capture the page and inspect the saved file.
  4. If a more faithful Apple-environment preview matters, use the available Simulator workflow and validate on Simulator or hardware.

Apple cautions that viewport presets are approximations, not exact representations of a physical device’s layout, rendering, and behavior. Its documentation also describes using Simulator for a closer preview: Apple’s Responsive Design Mode guide.

Automate repeatable captures with Playwright

For recurring thumbnails or batches, Playwright can emulate device settings such as viewport and screen size. Record the browser and device profile, viewport dimensions, and capture scope alongside the workflow so another run can reproduce the same setup. Playwright’s emulation documentation explains the supported device settings: Playwright: Emulation.

Rank #2
Apple iPhone 16, 128GB, Pink - Unlocked (Renewed)
  • 6.1" Super Retina XDR OLED, HDR10, Dolby Vision, 1000nits (typ), 2000nits (HBM), 2556x1179px at 460ppi, 3561mAh Battery
  • 128GB 8GB RAM, Apple A18 (3nm), Hexa-core (2x4.04 GHz + 4x2.20 GHz), Apple GPU 5-core, 16‑core Neural Engine
  • Rear camera: 48MP, f/1.6, wide + 12MP, f/2.2, ultrawide, Front Camera: 12MP, f/1.9, wide, iOS 18, upgradable to iOS 18.5
  • 4G LTE: 1/2/3/4/5/7/8/12/13/14/17/18/19/20/25/26/28/29/30/32/34/38/39/40/41/42/48/53/66/71, 5G: n1/2/3/5/7/8/12/14/20/25/26/28/29/30/38/40/41/48/53/66/70/71/75/76/77/78/79 - Dual eSIM
  • Unlocked for freedom to choose your carrier. Compatible with both GSM & CDMA networks. The phone is unlocked to work with all GSM Carriers & CDMA Carriers Including AT&T, T-Mobile, Verizon, Sprint., Etc.

Use viewport capture when the goal is a screen-sized preview; use a full-page capture only when the whole document belongs in the image. Emulation makes a workflow repeatable, but it is still not proof that a page renders exactly as it does on physical iPhone hardware.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Choose the right capture method

  • Chrome Device Mode: convenient for a one-off screenshot and custom viewport sizing.
  • Safari Responsive Design Mode: useful when checking Safari/WebKit behavior, with Simulator available for a closer Apple-environment check.
  • Playwright: suited to repeatable or batch captures when you can specify and preserve the browser/device configuration.
  • Real iPhone: use for validation when actual device-specific behavior matters, rather than just producing a dimensioned thumbnail.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup

ScreenshotNeo can return a webpage screenshot in one request. It accepts the URL and can return PNG, JPEG, or WebP, or a PDF; its parameter names also work with those used by other screenshot APIs, which can make switching easier. See the ScreenshotNeo API documentation for request options.

Rank #3
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
  • 6.1inch Super Retina XDR display. Aluminum with color-infused glass back. Ring/Silent switch
  • Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU
  • Advanced dual-camera system. 48MP Main | Ultra Wide. Super-high-resolution photos (24MP and 48MP). Next-generation portraits with Focus and Depth Control. 4X optical zoom range
  • Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
  • Up to 26 hours video playback. USB C, Supports USB 2. Face ID
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Cookie and consent banners are accepted before capture and more than 60 known consent platforms, newsletter popups, and chat widgets can be removed; each of those steps can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and the response identifies the page verdict and billing status in headers. ScreenshotNeo also provides an MCP server with tools for AI agents, including Claude and Cursor, to take screenshots. The Free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 screenshots.

Try ScreenshotNeo, or sign up free for 1,000 screenshots a month with no card.

Quick Recap

Bestseller No. 1
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
Apple iPhone 14, 128GB, Midnight - Unlocked (Renewed)
Please check with your carrier to verify compatibility.; Tested for battery health and guaranteed to have a minimum battery capacity of 80%.
$300.00
Bestseller No. 3
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
Apple iPhone 15, 128GB, Black - Unlocked (Renewed)
Dynamic Island. A magical way to interact with iPhone. A16 Bionic chip with 5-core GPU; Emergency SOS via satellite. Crash Detection. Roadside Assistance via satellite
$408.99
Bestseller No. 4
Apple iPhone 13, 128GB, Midnight - Unlocked (Renewed)
Apple iPhone 13, 128GB, Midnight - Unlocked (Renewed)
There will be no visible cosmetic imperfections when held at an arm’s length.; Product may come in generic Box.
$262.00
Best Value
Apple iPhone 16e, 128GB, Black - Unlocked (Renewed)
  • 6.1" Super Retina XDR OLED, HDR10, 800 nits (HBM), 1200 nits (peak), 2532x1170px at 460ppi, 4005mAh Battery
  • 8GB RAM, Apple A18 6-core CPU (2 performance + 4 efficiency cores), Apple GPU 4-core, 16‑core Neural Engine
  • Rear camera: 48MP, f/1.6, wide, Front Camera: 12MP, f/1.9, wide, iOS 18.3.1, upgradable to iOS 18.5
  • Connectivity: Global 4G LTE, Sub-6 GHz 5G, LTE, Wi-Fi 6, Bluetooth 5.3, NFC, USB-C, Wireless Charging (7.5W). (does not have mmWave 5G or MagSafe or physical SIM card) - Dual eSIM Only
  • Unlocked for freedom to choose your carrier. Compatible with both GSM & CDMA networks. The phone is unlocked to work with all GSM Carriers & CDMA Carriers Including AT&T, T-Mobile, Verizon, Straight Talk., Etc.
Rank #4
Apple iPhone 13, 128GB, Midnight - Unlocked (Renewed)
  • This pre-owned product is not Apple certified, but has been professionally inspected, tested and cleaned by Amazon-qualified suppliers.
  • There will be no visible cosmetic imperfections when held at an arm’s length.
  • This product is eligible for a replacement or refund within 90 days of receipt if you are not satisfied.
  • Product may come in generic Box.

Troubleshooting the result

  • The screenshot does not look like a particular iPhone. Confirm the exact model or agreed viewport dimensions; a generic preset is only an approximation.
  • The image is blurry or the wrong pixel size. Check the selected pixel ratio and the exported file’s actual dimensions. Resize only after capture if the destination requires a different file size.
  • The bottom of the page is missing. A viewport screenshot captures only what fits on screen. Choose a full-page capture if the whole document is needed.
  • The page looks different from a real phone. Desktop emulation is a preview, not a physical-device rendering. Check in Simulator or on hardware when fidelity is important.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Windows Errors? Fix Them Before They SpreadFree repair scan
Crashes, No Sound, or Screen Glitches?Free driver scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.