For a portrait responsive preview of a standard iPhone 13 or iPhone 14, set the viewport to 390 × 844 points. If your tool offers a pixel-ratio setting and you want a device-density image, choose 3×; the corresponding raster dimensions are 1170 × 2532 pixels. Safari on a Mac is the quickest way to check a layout, but its preview is an emulation—not proof of how the page behaves on a real iPhone.
First decide whether you need the visible viewport or the entire page. Those are different screenshots: the viewport is a single 390 × 844-point view, while a full-page capture includes content below the screen.
As an Amazon Associate I earn from qualifying purchases.
What size should you use?
Apple lists both the standard iPhone 13 and standard iPhone 14 at 390 × 844 points in portrait, equivalent to 1170 × 2532 pixels at 3×. Use 390 × 844 for the responsive layout viewport. Use a 3× pixel ratio when the screenshot tool lets you set one and you want output at the device’s nominal raster density.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
These dimensions refer to the standard 6.1-inch models, not every phone in the iPhone 13 family. The iPhone 13 mini is 360 × 780 points. Apple’s device dimensions table lists the model sizes.
#1 Best Overall
- Super Magnetic Attraction: Powerful built-in magnets, easier place-and-go wireless charging and compatible with MagSafe
- Compatibility: Only compatible with iPhone 13/14; precise cutouts for easy access to all ports, buttons, sensors and cameras, soft and sensitive buttons with good response, are easy to press
- Matte Translucent Back: Features a flexible TPU frame and a matte coating on the hard PC back to provide you with a premium touch and excellent grip, while the entire matte back coating perfectly blocks smudges, fingerprints and even scratches
- Shock Protection: Passing military drop tests up to 10 feet, your device is effectively protected from violent impacts and drops
- Check your phone model: Before you order, please confirm your phone model to find out which product is right for you
The shared dimensions are a useful baseline, not a guarantee that both phones will display a page identically. iOS version, Safari’s browser controls, the keyboard, and other device-specific behavior can affect what is visible.
Choose the right kind of screenshot
Visible viewport
A viewport screenshot captures what fits in the emulated or physical screen at that moment. It is the right deliverable for checking a responsive breakpoint, a first screen, or a particular interaction state. In a 390 × 844-point preview, content below that view is not part of the capture.
Full webpage
A full-page screenshot includes content beyond the visible screen. On iPhone, Safari supports capturing content longer than the display, including an entire webpage; the available controls can depend on the installed iOS version and the content. Follow the screenshot interface shown on your device rather than assuming one fixed sequence. Apple’s iPhone screenshot guide describes the full-page option.
Windows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallOutdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchRank #2
- Compatibility : Designed for iPhone 14 and iPhone 13 6.1 inch . Anti-fingerprints, anti-dust, anti-yellow, silky soft touch and durable. Matte translucent back ensure a comfortable, easy and secure grip. It perfectly fits the touchscreen, buttons, charging port, speaker and camera. Easy access to all controls and features
- Compatible with Magsafe & Magnetic : Built-in magnetic ring and provide excellent magnetic attraction. Compatible with most Magsafe and magnetic accessories, such as Mag-Safe and Qi wireless chargers, magnetic car mounts, magnetic holders, magnetic wallets and magnetic battery banks. Give you a safter, faster and more convenient charging experience
- Trustworthy Protection : Made from flexible TPU bumper and hard PC back, ensure an optimal shockproof and anti-drop protection. The raised lip of the screen and lens relieves impact, protects your phone and camera against drops & cracks & surface scratches
- Stylish & Elegant : Attractive when in your hand. The translucent back allows the original color and design of your phone faintly display. There are multiple stylish and elegant colors available for you to choose. Easy to match well with your phone of any color and express your aesthetics taste, confidence and personality
- Screen Protector included : Come with 1 pack tempered glass screen protector. Easy to install without bubble. Protects your phone screen from scratch, shock, and impacts. Hydrophobic and Oleophobic Coating protect your screen from fingerprint marks and liquid residue. Maintains the Original Response Sensitivity, Ultra Clarity and fingerprint unlock
Quick method: preview the site in Safari on a Mac
Safari’s Responsive Design Mode is usually the fastest route for checking mobile layout and media queries. Its controls allow you to resize the viewport and change pixel ratio. Apple notes that presets are approximations and do not reproduce every aspect of an actual device’s layout, rendering, or behavior.
- Open the page in Safari on macOS. Load the URL you want to inspect.
- Show Safari’s developer features if needed. Enable them in Safari settings if the Develop menu is not visible. The setting’s location and label can vary by Safari and macOS version.
- Open Responsive Design Mode. Use Safari’s Develop menu and choose Responsive Design Mode.
- Set the custom viewport. Enter a width of 390 points and height of 844 points for the standard iPhone 13 or iPhone 14 portrait baseline.
- Set pixel ratio if available. Choose 3× when the output should approximate native device-density raster dimensions. For ordinary breakpoint checks, viewport dimensions are the key setting.
- Inspect and capture the view. Check the page in portrait, then use Safari’s screenshot controls for your macOS version. Treat the result as an emulated responsive preview, not an authentic iPhone screenshot.
Rotate the viewport or change its dimensions only when you are deliberately checking landscape behavior or another breakpoint; that is a separate test from the 390 × 844 portrait view. Apple’s Responsive Design Mode documentation explains the viewport and pixel-ratio controls and the limits of presets. Current Safari versions can also open a page in Simulator for a closer Apple-platform preview.
Which workflow gives the fidelity you need?
| Workflow | Best for | Fidelity and setup |
|---|---|---|
| Safari Responsive Design Mode | Fast layout and breakpoint checks | Adjustable viewport and pixel ratio; an approximation of device rendering. |
| Xcode Simulator | Checking Apple-platform behavior without a physical phone | Requires Xcode and an available simulator runtime. It is a software test environment, not evidence of a physical-device test. |
| Physical iPhone 13 or iPhone 14 | Actual device behavior, touch, browser chrome, keyboard interaction, or an authentic phone screenshot | Most direct check of the phone itself. Remote inspection from a Mac requires Web Inspector setup. |
Use Simulator when platform behavior matters
A resized desktop viewport is useful for layout, but it does not reproduce every Apple-platform behavior. Safari’s Simulator option can open the page in an Apple-platform test environment. WebKit identifies rendered text size, viewport meta tag effects, double-tap zoom, and Home Screen web app behavior as examples of behaviors that Simulator can expose. Simulators are included with Xcode, but a simulator preview is still not a physical-device test.
Rank #3
- WORKS FOR iPhone 17e/16e/14/13/13 Pro 6.1 Inch Display Screen 0.33mm tempered glass screen protector.Featuring maximum protection from scratches, scrapes, and bumps.[Not for iPhone 16 6.1 inch, iPhone 13 mini 5.4 inch, iPhone 13 Pro Max/iPhone 14 Pro Max/iPhone 14 Plus 6.7 inch, iPhone 14 Pro 6.1 inch]
- Specialty:to enhance compatibility with most cases, the Tempered glass does not cover the entire screen. HD ultra-clear rounded glass for iPhone 17e/16e/14/13/13 Pro is 99.99% touch-screen accurate.
- 99.99% High-definition clear hydrophobic and oleophobic screen coating protects against sweat and oil residue from fingerprints.
- It is 100% brand new,Precise laser cut tempered glass, exquisitely polished,2.5D rounded edges.
- Online video installation instruction: Easiest Installation - removing dust and aligning it properly before actual installation,enjoy your screen as if it wasn't there.
See WebKit’s WebKit features in Safari 17.0 for examples of simulator-relevant behavior. The exact simulator runtimes available depend on the Xcode installation.
Inspect the page on a real iPhone
Use a physical iPhone when the question depends on actual touch behavior, Safari’s browser chrome, keyboard interactions, or a device-specific rendering issue. You can also take the screenshot on the phone itself when the required artifact must genuinely come from an iPhone.
- On the iPhone, open Settings > Apps > Safari > Advanced and enable Web Inspector.
- Connect the iPhone to the Mac and trust the computer when prompted. Apple also documents enabling a network connection for inspection after the initial cable connection.
- Open the page in Safari on the iPhone. On the Mac, choose the device and its Safari page from Safari’s Develop menu to inspect it.
- Capture on the iPhone if you need an authentic on-device screenshot. A capture made on the Mac remains a remote inspection or preview artifact.
Apple’s guide to inspecting iOS and iPadOS covers Web Inspector and device connection setup. Labels and connection options can vary with software versions.
Rank #4
- Only compatible with iPhone 13 2021 released and iPhone 14 2022 released 6.1-Inch
- Package included: 1 x Clear iPhone 13/14 Case
- Note: Smartphone and other accessories are not included
- Made of Soft TPU, Precise Cutouts, Easy to Install or Remove, Wireless Charging Compatible, Protect Screen and Camera, Not Slippery and Nice Grip
- Anti-Scratch | Anti-Slip | Crystal | Flexible | Glossy | Lightweight | Scratch Resistant | Shock-Absorbent | Shockproof | Slim fit | Smooth | Soft
Or skip the browser setup
For an API screenshot at iPhone 13 or iPhone 14 viewport dimensions, set width to 390, height to 844, and device scale factor to 3. ScreenshotNeo is a website screenshot API and MCP server from ScreenshotNeo. Its parameters include the names other screenshot APIs use, and this request makes a viewport capture:
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -d width=390 -d height=844 -d device_scale_factor=3 -o shot.webpReplace YOUR_API_KEY with your API key and change the target URL as needed. See the ScreenshotNeo API documentation for the request options and response details. This is a browser-rendered responsive capture, not a screenshot taken by a physical iPhone or iOS Simulator.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Repair Windows errors before they cause bigger problems3Fix the driver behind crashes, sound loss and screen glitches- Cookie and consent banners are accepted before capture, and more than 60 known consent platforms, newsletter popups, and chat widgets are removed; each step can be turned off.
- Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed. The response indicates the page verdict and billing status in headers.
- An MCP server provides
take_screenshot,get_page_info, andcapture_pdftools for AI agents and MCP clients. - The Free plan includes 1,000 screenshots a month without a card; paid plans start at $5 for 3,000 screenshots.
Sign up for ScreenshotNeo to get 1,000 free screenshots a month with no card.
Best Value
- 【Compatibility】This product is not compatible with all iPhone 15 and iPhone 16 models., Works With foriPhone 14，iPhone 14 Pro，iPhone 14 Pro Max，iPhone 14 Plus，iPhone 13，iPhone13 Pro，iPhone13 Pro Max，iPhone13 mini，iPhone 12 Pro Max，iPhone 12 Pro，iPhone 12，iPhone 12 mini，iPhone 11 Pro Max，iPhone 11 Pro，iPhone 11，iphone x，iphone xr
- 【MFi Certified Cable】Each cable contains a unique, verified serial number and an authorization chip issued by iphone to ensure 100% compatibility with any Lightning device.USB C to Lightning Cord fully supports the iOS version and all future updates.Please note that this charger does not work with iPhone 15 and iPhone 16 models.
- 【3X Fast Charging】The 12W 5V 3A USB-C port PD fast adapter wall charger and 6FT&10FT usb c to lightning fast charging cords,That is,it will charge your iPhone up to 50% power in just 30 minutes,and only takes 1.8 hours to charge your iPhone fully to save 1.5hrs more time for you!
- 【Superior Safety Fast Charging】FEEL2NICE lightning charger has multipotent safety system ensures complete protection for your lightning devices. The ETL certified wall charger built-in over-voltage protection, features a stable voltage. the lightning cable built-in smart chip to match the current required by devices automatically.
- 【What You Get 】2 pack of USB-C iPhone charger and 2 pack of 6FT&10FT USB-C to Lightning charging cable are packed in a box，1 year worry-free refund and replacement guarantee. If you have any questions, don't hesitate to contact us! We promise to solve your problems within 24 Hours!
Troubleshooting the result
- The layout does not match the standard iPhone 13 or 14 width: confirm you entered 390 points, not the 360-point width of an iPhone 13 mini, and check that the tool is using points for its viewport dimensions.
- The image is the wrong pixel dimensions: distinguish viewport size from output raster size. A 390 × 844-point viewport at 3× corresponds to 1170 × 2532 pixels; check the pixel-ratio or device-scale setting if your tool exposes one.
- The Mac preview differs from the phone: this is a known limitation of responsive emulation. Check in Simulator for Apple-platform behavior, then on the physical device if the issue depends on real device conditions.
- Browser controls or the keyboard change what fits: those affect the visible area and may be device- or state-specific. Reproduce the same state on the phone when the visible viewport itself matters.
- You need the entire page but only see one screen: you captured the viewport. Use iPhone Safari’s full-page screenshot capability and follow the controls shown by your installed iOS version.
Frequently Asked Questions
Do the standard iPhone 13 and iPhone 14 use the same responsive viewport size?
Yes. Apple’s listed portrait dimensions for both standard models are 390 × 844 points.
Does a 390 × 844 preview prove that a site works on an iPhone?
No. It checks a useful responsive baseline, but desktop emulation does not reproduce every device-specific rendering or interaction.
Is an iPhone 13 mini also 390 points wide?
No. Apple lists the iPhone 13 mini at 360 × 780 points.
Quick Recap
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.
