How to Capture a Website Screenshot at iPad Mini Size in Chrome DevTools

To capture a website screenshot at the current 8.3-inch iPad mini size in Chrome DevTools, enable the device toolbar and set a custom portrait viewport to 744 × 1133 CSS pixels. Then choose Capture screenshot for the visible viewport, or Capture a full size screenshot to capture the page beyond the viewport.

The 744 × 1133 size is a practical CSS-pixel approximation derived from Apple’s logical display dimensions. It is useful for responsive layout checks, but Chrome’s device mode is an emulation, not a guarantee that the page behaves exactly as it would on a physical iPad.

What dimensions should you use?

Apple lists the current iPad mini’s logical screen dimensions as 744 × 1133 points and its physical display as 1488 × 2266 pixels at 2×. Use 744 × 1133 for a practical portrait viewport in DevTools; use 1133 × 744 for landscape. The CSS-pixel mapping is an inference from Apple’s logical dimensions and 2× scale, not an Apple specification for Chrome’s emulated viewport.

Do not enter 1488 × 2266 when your goal is to inspect the responsive layout at the logical screen size. That is the physical pixel resolution. Older 7.9-inch iPad mini models use a different reference: 768 × 1024 points, or 1536 × 2048 physical pixels at 2×.

Sources: Apple Human Interface Guidelines: Layout and iPad mini technical specifications.

Capture a screenshot in Chrome DevTools

1. Open the target page in desktop Chrome.
2. Open DevTools: use the Chrome menu’s More tools → Developer tools, or the keyboard shortcut for your operating system.
3. Turn on the device toolbar by clicking Toggle device toolbar in DevTools. You can also use the device toolbar shortcut shown in the DevTools menu.
4. In the device toolbar’s dimensions menu, select an iPad mini preset if one is available. If not, add a custom device as described below.
5. Set the viewport to 744 wide by 1133 high for portrait. For landscape, use 1133 wide by 744 high, or rotate the emulated device and confirm the resulting dimensions.
6. Open the device toolbar’s More options menu and choose a capture option:
   • Capture screenshot saves the visible viewport.
   • Capture a full size screenshot includes page content outside the visible viewport.

Chrome’s instructions for device mode and screenshots explain the available capture options. The menu may also offer a device frame in device-specific mode if you want the screenshot to include the frame.

Add an iPad mini custom device

If the preset is missing, add a custom device through the device list’s edit or settings flow. Chrome’s device settings require a device name, width, and height; device pixel ratio, user agent, and device type are optional.

1. Open the device dimensions menu in the device toolbar and enter its device-list editing flow.
2. Choose to add a custom device.
3. Name it something recognizable, such as iPad mini 8.3-inch.
4. Enter width 744 and height 1133.
5. Save the device, select it in the dimensions menu, and verify the displayed dimensions before capturing.

For landscape, rotate the viewport or create a second custom entry with width 1133 and height 744. Keeping separate entries can make repeated captures easier to identify. Chrome’s device mode guide and device documentation cover custom device setup.

Choose viewport or full-page capture

Option	What it captures	Useful for
Capture screenshot	The area visible inside the emulated viewport	Checking the layout at a specific screen size or responsive breakpoint
Capture a full size screenshot	The page beyond the viewport as well as the visible area	Reviewing or documenting a long page in one image

Choose based on what you need to inspect. A viewport screenshot answers “what does the page show at this screen size?” A full-size screenshot answers “what does the whole page look like when captured at this width?” Long pages can produce very tall images, so use the viewport option when the off-screen content is not relevant.

Check the emulation limits

Chrome describes Device mode as a “first-order approximation” of a mobile experience. It simulates a mobile viewport on a desktop or laptop; it does not run Chrome on an iPad. A screenshot can reveal responsive layout issues, but it does not establish real-device compatibility.

Use a physical iPad mini or remote debugging with a page running on the device when the result depends on actual hardware, browser behavior, touch interaction, or other device-specific behavior. See Chrome’s Device mode documentation.

Troubleshooting

Symptom	Likely cause	Fix
The page looks too wide or uses the wrong breakpoint	The viewport is set to physical pixels, or the width is not 744 CSS pixels	Set the portrait viewport to 744 × 1133. Confirm the dimensions shown in the device toolbar.
The screenshot cuts off the rest of the page	You chose the visible viewport capture	Use Capture a full size screenshot when you need off-screen page content.
The screenshot is unexpectedly tall	You chose full-size capture on a long page	Use Capture screenshot for only the visible viewport.
The iPad mini is absent from the device list	Your Chrome device list does not include that preset	Add a custom device with a name, width 744, and height 1133.
Portrait and landscape results are confused	The dimensions or orientation were not checked after rotation	Verify 744 × 1133 for portrait and 1133 × 744 for landscape before capturing.
The screenshot looks right but the real iPad differs	Device mode approximates mobile behavior and does not run on iPad hardware	Validate hardware-dependent behavior on a physical iPad or through remote debugging.

Performance, reliability, and cost

For a single page, DevTools provides a direct, built-in way to create the screenshot without a screenshot service. Full-size captures of very long pages may create large images; viewport captures limit the output to the visible screen. For repeatable comparisons, keep the URL, viewport dimensions, orientation, and capture scope consistent.

Emulation is useful for visual review, but it cannot guarantee the result on real hardware. If the page content changes between captures, compare the same page state and wait for the content you care about to appear before taking the screenshot. DevTools itself does not require a paid screenshot API for this workflow.

Or skip the browser setup

ScreenshotNeo is a website screenshot API and MCP server. Its API can return a screenshot at a specified viewport; set the viewport to 744 × 1133 for the iPad mini reference size. 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 --data-urlencode width=744 --data-urlencode height=1133 -o shot.webp

import requests

r = requests.get(
    "https://api.screenshotneo.com/v1/shot",
    params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com", "width": 744, "height": 1133},
    timeout=90,
)
r.raise_for_status()
open("shot.webp", "wb").write(r.content)

const q = new URLSearchParams({
  access_key: 'YOUR_API_KEY',
  url: 'https://stripe.com',
  width: '744',
  height: '1133'
});
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot request failed: ${res.status}`);
const image = Buffer.from(await res.arrayBuffer());
await import('node:fs/promises').then(fs => fs.writeFile('shot.webp', image));

• Cookie and consent banners, newsletter popups, and chat widgets are removed before the shot; each cleanup step can be turned off.
• Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed. Response headers say which page verdict occurred and whether the request was billed.
• An MCP server provides take_screenshot, get_page_info, and capture_pdf for AI agents and MCP clients.
• The Free plan includes 1,000 screenshots per month with no card. Paid plans start at $5 for 3,000 screenshots; all features are available on every plan.

Sign up for 1,000 free screenshots a month, with no card required.

FAQ

Is 744 × 1133 the iPad mini’s physical resolution?

No. It is the logical screen dimension used here as a practical CSS-pixel viewport approximation. The physical display resolution is 1488 × 2266 pixels at 2×.

Can I capture only the part of the page I can see?

Yes. Choose Capture screenshot in the device toolbar’s More options menu.

Does this prove that my site works on an iPad mini?

No. It checks an emulated layout. Use a real device or remote debugging for behavior that depends on iPad hardware or browser behavior.