How to Capture a Website at iPhone SE Screen Size
Capture a visible Safari screen, save a full webpage, or preview the 4.7-inch iPhone SE layout on a Mac. Learn which dimensions to use and when to check on a real device.
To capture a website at the 4.7-inch iPhone SE size, choose the method that matches your goal: take a screenshot on the iPhone for a real Safari view, use Safari’s Full Page control for a whole scrolling webpage, or preview a page on a Mac at 375 × 667 points and 2× pixel ratio. For the closest check of iOS behavior, use an iOS Simulator or an actual iPhone.
These dimensions apply to the 4.7-inch iPhone SE form factor, including the second- and third-generation models. The first-generation SE has a smaller 4-inch display. The 4.7-inch model’s 375 × 667 points are layout dimensions; its physical display is 750 × 1334 pixels in portrait. Apple’s layout guidance lists the point and pixel dimensions, and the iPhone SE (3rd generation) specifications list the display’s physical resolution.
1. Capture the current screen on an iPhone SE
- Open the website in Safari and wait for the content you want to capture to appear.
- Scroll to the part of the page you want in the screenshot.
- Quickly press and release the Side button and the Home button at the same time.
- Tap the screenshot preview if you want to crop, annotate, or share it. Otherwise, find the saved screenshot in Photos.
This captures the currently visible screen. Safari’s bars and other on-screen elements may be included depending on what is visible when you take the shot. Apple documents the button combination for iPhones with a Home button in its iPhone screenshot instructions.
2. Save the entire webpage with Full Page
For a long page, use Safari’s Full Page option instead of taking several separate screenshots:
- Open the webpage in Safari and take a screenshot using the Side and Home buttons.
- Tap the screenshot preview before it disappears.
- Choose Full Page in the screenshot editor.
- Review the page preview and adjust the crop if needed.
- Save or share the result. Full Page captures can be saved as an image or as a PDF in Files.
The editor’s appearance can vary with the iOS version. Full Page is intended for a whole webpage, while the ordinary screenshot records the current screen. See Apple’s screenshot guide for the supported controls and saving options.
3. Preview the iPhone SE layout on a Mac with Safari
Safari’s Responsive Design Mode is useful for a quick layout check without taking out a phone. Set a portrait viewport to 375 × 667 points and the pixel ratio to 2× for the 4.7-inch SE layout.
- Open the page in Safari on your Mac.
- If Safari’s Develop menu is missing, enable its developer features in Safari settings.
- From the Develop menu, choose Enter Responsive Design Mode.
- Select or enter a viewport of 375 × 667 points and set the pixel ratio to 2×.
- Check the page at portrait size, then switch the dimensions to inspect landscape behavior and test relevant interactions.
Responsive Design Mode is a viewport preview, not a guarantee of identical device rendering. Apple cautions that presets approximate device behavior and can differ from the layout, rendering, and behavior on actual hardware. Browser chrome, the keyboard, form fields, the iOS version, and the page itself can all affect what a user sees. For iOS-specific behavior, move on to Simulator or hardware. Apple’s Responsive Design Mode documentation explains the preview and its limits.
4. Use Simulator or inspect a connected iPhone for a closer check
When a viewport preview is not enough, use the iOS Simulator for a simulated iPhone environment or inspect a physical iPhone through Safari’s Web Inspector.
- Simulator: In Responsive Design Mode, use the option to open the page with Simulator when available. Simulator is a closer check of iOS behavior than a viewport preset, though it is still a simulated device.
- Physical iPhone: Enable Web Inspector in the iPhone’s Safari Advanced settings, connect the iPhone to a Mac, and use Safari’s Develop menu to inspect the device’s page.
Use a real device when the exact behavior of Safari, the keyboard, touch input, or device-specific form controls matters. Apple describes these workflows in its documentation for Responsive Design Mode and inspecting iOS and iPadOS.
5. Know which dimensions you are targeting
| Measurement | 4.7-inch iPhone SE portrait | What it means |
|---|---|---|
| Layout viewport | 375 × 667 points | Use this for responsive layout checks. |
| Pixel ratio | 2× | Each layout point maps to two physical pixels in each dimension. |
| Physical display resolution | 750 × 1334 pixels | The panel’s pixel dimensions; do not use these as the CSS viewport. |
Do not assume the 375 × 667 preview describes the entire visible Safari content area after browser controls and system UI. Also confirm the SE generation: the first-generation model has a different, smaller display. Apple’s layout reference gives the 4.7-inch SE point dimensions and 2× scale.
6. Pick the right capture for the job
| Goal | Use | Tradeoff |
|---|---|---|
| Save what is visible now | Side + Home buttons on the iPhone SE | Captures only the visible screen. |
| Save all scrolling Safari content | Screenshot editor → Full Page | Captures the webpage; save as an image or PDF. |
| Quickly check responsive layout on a Mac | Safari Responsive Design Mode at 375 × 667 points, 2× | Fast and adjustable, but approximate. |
| Check iOS-specific behavior | Simulator or iPhone with Web Inspector | Requires Simulator setup or a device and connection. |
7. Or skip the browser setup
If you need a website screenshot from code or an automated workflow, ScreenshotNeo is a website screenshot API and MCP server. Its API captures a supplied URL in one request; use the API’s viewport options to request the dimensions you need. See the ScreenshotNeo API documentation for request options.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpimport requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);Cookie banners, newsletter popups, and chat widgets are removed before the shot. Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed; response headers identify the page verdict and billing status. An MCP server lets AI agents use screenshot tools. The free plan includes 1,000 screenshots a month with no card, and paid plans start at $5 for 3,000. Sign up for ScreenshotNeo’s free plan.
8. Troubleshooting
| Problem | Likely cause | What to do |
|---|---|---|
| The screenshot does not happen | The buttons were held too long, pressed separately, or the device has a different button layout. | On an SE with a Home button, press and release Side and Home together quickly. Check Apple’s instructions for your iOS version. |
| Full Page is missing | You are not in the screenshot editor, or the current app or content does not offer a full-page capture. | Take the screenshot in Safari, tap its preview, and look for Full Page. If it is unavailable, capture the visible area or use a browser-based capture workflow. |
| The preview looks too large or too small | Physical pixels were used as the layout viewport, or the pixel ratio is wrong. | For the 4.7-inch SE layout, use 375 × 667 points at 2×, not 750 × 1334 as the CSS viewport. |
| The page differs from the iPhone | Responsive Design Mode approximates a device; browser chrome, keyboard, form controls, or iOS behavior can differ. | Check with Simulator, then verify on an actual iPhone if exact behavior matters. |
| The layout is wrong for an older SE | The 375 × 667-point dimensions target the 4.7-inch form factor, not the first-generation 4-inch SE. | Confirm the phone generation and select dimensions appropriate to that model. |
| Parts of a long page are missing | Content may load only after scrolling, or the capture was a regular screenshot rather than Full Page. | Wait for the page to load, try Full Page, and scroll the page to trigger lazy-loaded content before capturing if needed. |
9. Performance, reliability, and output notes
- Fastest for a single visible screen: use the phone’s hardware buttons. No browser setup is needed.
- Fastest desktop layout check: use Responsive Design Mode; it is suited to checking width, height, and media-query behavior.
- Best fidelity: Simulator or a real device. A preset is an approximation, and a physical device is the final check for device-specific behavior.
- Long pages: Full Page is more convenient than stitching multiple screen captures. Review the result because page loading and lazy content can affect what appears.
- Cost: The built-in iPhone screenshot and Safari preview workflows require no screenshot API. ScreenshotNeo has a free tier of 1,000 shots per month with no card; paid plans start at $5 for 3,000, with yearly billing offering two months free.
10. FAQ
Does 375 × 667 mean pixels?
No. For the 4.7-inch SE layout, those are points. The physical portrait resolution is 750 × 1334 pixels at 2×.
Can I take a screenshot of a whole webpage on iPhone?
Yes. Take a Safari screenshot, open its preview, choose Full Page, then save or share the result as an image or PDF.
Is Responsive Design Mode the same as using an iPhone?
No. It previews a viewport and pixel ratio, while browser controls and device-specific behavior can differ. Use Simulator or a physical iPhone for a closer check.
Which iPhone SE generation uses these dimensions?
The 375 × 667-point, 2× layout is for the 4.7-inch form factor used by the second- and third-generation SE. The first-generation SE is the smaller 4-inch model.
