How to Capture a Website Screenshot at iPad Pro Portrait Size
Capture a real iPad Pro screen or preview a portrait tablet layout on Mac. Learn the right dimensions, full-page options, and a reproducible workflow.
To capture a website at iPad Pro portrait size, first decide whether you need a screenshot from a real iPad or a responsive layout preview. On an iPad, open the page in Safari, hold the device upright, then quickly press and release the top button and either volume button together. On a Mac, use Safari Responsive Design Mode to preview a tablet viewport, or open the page in Simulator for a closer device preview.
“iPad Pro portrait size” is not one universal pixel measurement. Apple’s layout guidance lists 834 × 1210 points for the 11-inch iPad Pro (5th and 6th generation) and 1032 × 1376 points for the 13-inch iPad Pro. These are points, not physical display pixels or necessarily the webpage’s CSS viewport. Choose the model and capture method before documenting dimensions. See Apple’s layout guidance.
Choose the capture you need
| Goal | Use | What the result represents |
|---|---|---|
| Document what a person sees on an iPad | Capture on the physical iPad | The rendered page and potentially Safari’s visible interface, on that device and software state. |
| Check a responsive design during development | Safari Responsive Design Mode on Mac | A preview at the selected viewport and pixel ratio; it is not evidence of rendering on a physical iPad. |
| Inspect a more device-like preview on Mac | Open the page in Simulator | A preview in Simulator. Apple recommends Simulator for a more accurate preview than Responsive Design Mode alone. |
| Save only the visible area | Ordinary screenshot | The current screen. |
| Save a long Safari webpage | Full Page in the screenshot preview | The longer webpage, which can be saved as an image or PDF. |
Apple’s iPad screenshot guide describes Full Page capture for content longer than the screen. A full-page capture and a viewport screenshot answer different questions: use the former to review an entire document and the latter to check what fits in the current view.
Capture on a physical iPad Pro
- Open the target website in Safari and wait for the page to finish loading.
- Hold the iPad in portrait orientation. Let the layout settle, especially if the page has responsive navigation, images, or content that loads as you scroll.
- On an iPad without a Home button, quickly press and release the top button and either volume button at the same time. On a Home-button model, quickly press and release the top button and Home together.
- Tap the screenshot thumbnail to crop or annotate it. If it disappears, the screenshot is saved in Photos by default.
- For a long page, select Full Page in the screenshot preview, review the capture, crop if needed, then save it as an image or PDF.
Apple also documents Apple Pencil, AssistiveTouch, and voice command as alternative ways to take a screenshot. The button shortcut does not require an accessory. If a hardware button combination is difficult to use, consult the current Apple guide for the alternate method supported by your device and software.
Preview an iPad portrait layout on a Mac
- Open the page in Safari on your Mac.
- Open Safari’s developer tools and choose Responsive Design Mode.
- Select an iPad-sized portrait viewport, or enter the intended dimensions and inspect the page at that size. Check the pixel ratio setting too if the preview needs to reflect a particular display scale.
- For a more accurate preview, use Apple’s documented Open with Simulator option and capture the preview with the relevant Mac or Simulator capture method.
- Label the result as a responsive preview or Simulator capture. Do not describe it as a screenshot from a physical iPad.
See Apple’s Responsive Design Mode documentation. If the deliverable must prove how the site actually rendered in iPad Safari, capture it on the intended physical iPad instead of relying on a Mac preview.
Understand points, CSS pixels, and screenshot pixels
Several measurements can be called “size,” but they describe different things:
- Points: Apple’s layout guidance uses points as a design reference. The 11-inch and 13-inch figures above are portrait layout dimensions.
- CSS viewport: The area the browser exposes to the webpage for layout. It can differ from the device’s full display dimensions, including because Safari browser controls take up space.
- Physical display pixels: The hardware display’s pixel grid, specified separately from layout points.
- Output image pixels: The dimensions of the saved screenshot file. Cropping, scaling, the capture method, and full-page capture can affect these.
Do not multiply the point dimensions by an assumed scale and call the result the CSS viewport or saved image dimensions. If a design review needs a repeatable target, record the exact model, orientation, iPadOS and Safari state, preview method, viewport dimensions, and output format alongside the screenshot.
Make the capture reproducible
- Identify the intended model: 11-inch or 13-inch iPad Pro, and the relevant generation if the 11-inch layout reference matters.
- State whether the image came from a physical iPad, Responsive Design Mode, or Simulator.
- Record portrait orientation and the viewport and pixel ratio when using a preview.
- Note whether Safari controls were visible and whether the capture is the current viewport or the full page.
- Wait for fonts, images, animations, and page content to settle. For a real-device deliverable, capture on the target device after this check.
- Keep the original uncropped capture if the screenshot will be used as evidence; provide a separately labeled crop for presentation.
Troubleshooting
| Symptom | Likely cause | What to do |
|---|---|---|
| The screenshot shortcut does nothing | The buttons were held too long, pressed sequentially, or the model uses a different button layout. | Press and release the buttons quickly and together. Use top plus either volume button on models without Home; use top plus Home on Home-button models. Check Apple’s guide for alternate capture methods. |
| The screenshot shows only part of the webpage | An ordinary capture records the current screen. | Choose Full Page in the screenshot preview for a long Safari webpage, then save the image or PDF. |
| The preview does not match the intended iPad | The preview viewport, pixel ratio, browser state, or device target differs. | Set the intended portrait viewport and pixel ratio, verify the target model, and use Simulator or a physical iPad when closer device fidelity is required. |
| The page changes between captures | Content, images, fonts, animations, or responsive controls had not settled, or the browser state changed. | Wait for loading and layout changes to finish, keep orientation and browser state consistent, and record the preview or device conditions. |
| The dimensions seem inconsistent | Points, CSS viewport dimensions, hardware pixels, and saved file pixels are being compared as though they were the same unit. | Identify the measurement type for each value. Use the browser viewport for responsive layout checks and inspect the saved file separately for output dimensions. |
| Full Page is unavailable or the result is not the expected document | The capture flow or content may differ from a long webpage open in Safari. | Take the screenshot from the Safari webpage and check the screenshot preview for Full Page. If documenting a page that cannot be captured that way, use a clearly labeled browser preview or another workflow suited to the deliverable. |
Performance, reliability, and cost
A built-in screenshot on the iPad has no separate screenshot-service charge; it uses the device and software you already have. It is the most direct way to document that device’s rendering. Responsive Design Mode is convenient for repeated layout checks, while Simulator adds a device-like preview workflow. Neither substitutes for a physical-device capture when the requirement is evidence from actual iPad Safari.
For reliable comparisons, keep the model, orientation, page state, and capture method consistent. Full-page captures take in more content than a viewport shot, so check the entire result before sharing. Safari and device interface details can change; when updating a procedure, verify the current Apple support instructions and the target model’s specifications.
Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server for developer workflows. It captures a specified viewport; it is not a screenshot from a physical iPad. Use the target portrait viewport when you need a repeatable responsive capture. The API also supports device presets and custom viewport dimensions. See the ScreenshotNeo API documentation for parameters and 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}`);Set the URL and viewport for the page you want to preview. ScreenshotNeo removes cookie banners, newsletter popups, and chat widgets before the shot; each cleanup step can be turned off. Bot checks, blank pages, and failed loads are never billed, and response headers say whether the page was billed. An MCP server lets AI agents use the screenshot tools. The free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000 screenshots. Sign up for 1,000 free screenshots a month, with no card required.
FAQ
What is the iPad Pro portrait size in pixels?
There is no single answer without naming the model and the kind of pixels. Apple’s portrait layout references are in points, while display pixels, CSS viewport dimensions, and saved screenshot pixels are separate measurements.
Can I save an entire Safari webpage as a screenshot?
Yes. Use Full Page from the screenshot preview for a long webpage. Apple says the full-page capture can be saved as an image or PDF.
Is a Mac responsive preview the same as an iPad screenshot?
No. It previews a selected layout size on a Mac. Use the physical iPad when the capture must show actual iPad Safari rendering.
Which iPad Pro portrait reference should I use?
Use 834 × 1210 points for the 11-inch iPad Pro 5th or 6th generation, and 1032 × 1376 points for the 13-inch iPad Pro, following Apple’s layout guidance. Confirm the intended model and use the appropriate viewport for a browser preview.
