How to capture a mobile website screenshot with the iPad mini viewport

To capture a website at the current 8.3-inch iPad mini viewport, use a portrait viewport of 744 × 1133 points (or CSS pixels), set the pixel ratio to 2x if you want the listed display density, and capture the page in Safari Responsive Design Mode or Chrome DevTools. For landscape, use 1133 × 744. These settings create a useful layout preview; use Simulator or a physical iPad mini when device-specific behavior matters.

1. Choose the capture that answers your question

Decide whether you need only the visible viewport or the entire scrollable page, and whether a responsive layout preview is enough or you need to check iPadOS behavior.

Goal	Recommended method	What it represents
Inspect a page at iPad mini dimensions	Safari Responsive Design Mode or Chrome DevTools	A browser preview at the chosen viewport and density
Save only the visible area	Use the browser’s viewport screenshot workflow	The content currently visible inside the simulated viewport
Include content below the fold	Use Chrome’s “Capture a full size screenshot” or a full-page capture option available in your browser	The scrollable page captured beyond the viewport
Check form fields, keyboard, browser chrome, or iPadOS-specific behavior	Open the page in Simulator, then verify on hardware if the result is consequential	A more faithful environment than a desktop responsive preview

The current iPad mini dimensions in Apple’s Human Interface Guidelines are 744 × 1133 pt in portrait, corresponding to 1488 × 2266 physical pixels at 2x. Older iPad mini generations may have different display dimensions, so use the target model’s specifications when matching older hardware. Apple Human Interface Guidelines

2. Capture the iPad mini viewport in Safari

On macOS, open Safari. If the Develop menu is missing, enable Show features for web developers in Safari’s Advanced settings.
Open the page you want to inspect.
Choose Develop > Enter Responsive Design Mode, or press Control-Command-R.
Set a custom size of 744 wide by 1133 high for portrait. Swap the values to 1133 × 744 for landscape.
Set the pixel ratio to 2x when you want the current model’s listed display density.
Capture the visible preview using the screenshot controls available in your Safari version. For a whole-page image, use a full-page capture option if available, or capture sections and assemble them.

Safari’s responsive preview lets you adjust viewport size and pixel ratio. Apple cautions that its presets approximate a device and do not reproduce its exact layout, rendering, or behavior; Apple points to Open with Simulator for a more accurate preview. Apple Developer Documentation: Responsive Design Mode

3. Capture with Chrome DevTools

Open the page in Chrome and open DevTools.
Turn on the device toolbar to use device simulation and responsive viewport controls.
Enter a custom viewport of 744 × 1133 for portrait, or 1133 × 744 for landscape. Set device scale factor to 2 if matching the listed pixel density is useful.
To capture the full scrollable page, open the DevTools screenshot menu and choose Capture a full size screenshot. For a viewport-only image, use the viewport screenshot option.

Chrome documents full-size screenshots as a way to capture beyond the visible viewport. DevTools controls and menu labels can move between releases. Chrome DevTools Device Mode

4. Understand points, CSS pixels, and output pixels

For this workflow, enter the layout dimensions as 744 × 1133 points/CSS pixels. The 2x ratio describes display density: a capture rendered at that density corresponds to 1488 × 2266 physical pixels before any later resizing or image processing. Do not enter 1488 × 2266 as the CSS viewport; that would ask the page to lay out at a much wider and taller size.

Portrait: 744 × 1133 CSS pixels at 2x, listed display resolution 1488 × 2266 pixels.
Landscape: 1133 × 744 CSS pixels; the physical dimensions rotate to 2266 × 1488.
Viewport screenshot: captures the current visible region.
Full-page screenshot: captures content outside the initial visible region, which can affect lazy loading and page length.

Apple lists the current iPad mini display as 2266 × 1488 at 326 ppi. Apple iPad mini technical specifications

5. Decide when the preview is accurate enough

A 744 × 1133 screenshot is evidence of a page preview at those dimensions. It does not prove that the live page behaves identically on every iPad mini generation, Safari release, browser chrome state, orientation, or keyboard state.

Use Simulator or an actual device when the review depends on details such as the on-screen keyboard, address bar effects, touch interaction, or device-specific form controls. WebKit notes that iOS and iPadOS rendering can differ from macOS because the form factors and interaction models differ. WebKit

6. Troubleshoot common capture problems

Problem	Likely cause	Fix
The page looks like desktop	The viewport dimensions were not applied, or device simulation is off	Enable Responsive Design Mode or the Chrome device toolbar, then confirm the width is 744 CSS pixels in portrait.
The page is unexpectedly zoomed or too wide	Physical pixel dimensions were entered as the CSS viewport	Use 744 × 1133 for the layout viewport; use 2x as the density setting.
The screenshot cuts off content	A viewport capture was taken instead of a full-page capture	Choose a full-size/full-page screenshot option or capture and assemble sections.
Images or sections are missing in a full-page image	Lazy-loaded content may not have loaded until scrolled into view	Scroll through the page before capture, wait for content to load, or use a capture workflow that loads lazy images.
A form or keyboard state differs from the screenshot	Desktop simulation does not fully reproduce iPadOS input behavior	Reproduce the interaction in Simulator or on a physical iPad mini.
Safari’s menu labels do not match these steps	Safari controls vary by release	Look for Responsive Design Mode under Develop and use the current version’s screenshot controls.

7. Performance, reliability, and cost

Browser capture is convenient for a one-off visual check and does not require a screenshot service. Full-page captures can take longer on long pages, especially when content loads as you scroll. A desktop preview also cannot settle questions about actual iPadOS behavior; reserve Simulator or hardware checks for cases where that fidelity matters.

For repeatable captures across many URLs, automation avoids manually setting the same viewport each time. Keep the target viewport, orientation, capture mode, and browser environment consistent when comparing screenshots. Re-capture dynamic pages after fonts, images, and asynchronous content have settled.

Or skip the browser setup

ScreenshotNeo can capture a page through one API request. Set the viewport to the current iPad mini portrait dimensions. See the ScreenshotNeo API documentation for parameters and formats.

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com --data-urlencode viewport=744x1133 --data-urlencode device_scale_factor=2 -o ipad-mini.webp

import requests

r = requests.get(
    "https://api.screenshotneo.com/v1/shot",
    params={
        "access_key": "YOUR_API_KEY",
        "url": "https://stripe.com",
        "viewport": "744x1133",
        "device_scale_factor": 2,
    },
    timeout=90,
)
r.raise_for_status()
open("ipad-mini.webp", "wb").write(r.content)

const q = new URLSearchParams({
  access_key: 'YOUR_API_KEY',
  url: 'https://stripe.com',
  viewport: '744x1133',
  device_scale_factor: '2',
});
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot request failed: ${res.status}`);
await Bun.write('ipad-mini.webp', res);

ScreenshotNeo accepts consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks, blank pages, failed loads, timeouts, and cache hits cost nothing, and response headers report the page verdict and billing status. Its MCP server provides screenshot tools for Claude, Cursor, and other MCP clients. The free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots. ScreenshotNeo

Create a free ScreenshotNeo account for 1,000 screenshots a month with no card.

FAQ

Does 744 × 1133 mean the screenshot file will be that many pixels?

No. It is the layout viewport in points/CSS pixels. At 2x density, the corresponding display resolution is 1488 × 2266 pixels.

Can I use this size for an older iPad mini?

Only if that model uses the same viewport. The dimensions here refer to Apple’s current 8.3-inch iPad mini listing.

Should I use portrait or landscape?

Use the orientation the page is meant to support. For landscape, swap the viewport dimensions to 1133 × 744.

Does a responsive preview guarantee Safari on iPad will match?

No. It approximates responsive layout; use Simulator or the actual device for behavior that depends on iPadOS or hardware.