Recommended Free Tools
Set the website’s viewport in Safari Responsive Design Mode or Chrome DevTools before capturing it. A Mac screenshot shortcut captures pixels on your screen; it does not set the browser’s layout dimensions. For a repeatable capture, enter the requested width and height in the browser’s responsive tool, then choose a visible-viewport or full-page screenshot as needed.
Viewport size is not screenshot pixel size
A viewport is the browser area used to lay out a webpage. It is not the full browser window: browser controls and the surrounding Mac display are outside it. A screenshot made by selecting a screen region may include some or all of that surrounding area, so its output dimensions are not automatically the page’s viewport dimensions.
As an Amazon Associate I earn from qualifying purchases.
Confirm the unit in the design brief. Chrome’s responsive Device Mode uses CSS pixels for custom dimensions. Safari describes the effective viewport size in screen points and also offers a display pixel ratio setting. Those units and a screenshot’s physical output pixels are not interchangeable without considering the display scale.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Also decide whether the request means the content currently visible in the viewport or the entire page, including content below the fold. Chrome provides distinct capture commands for those results.
#1 Best Overall
- AN AMAZING MAC AT A SURPRISING PRICE — With an incredibly portable and durable aluminum design, up to 16 hours of battery life,* and the A18 Pro chip, MacBook Neo is ready to go wherever school takes you.
- FOUR STUNNING COLORS. ONE DURABLE DESIGN — Choose from four beautiful colors — Silver, Blush, Citrus, or Indigo — each with a color-coordinated keyboard. And MacBook Neo is made with a durable recycled aluminum enclosure that helps it reach 60 percent recycled content by weight — the most ever in any Apple product.*
- FLY THROUGH EVERYDAY ASSIGNMENTS — Whether you’re cramming for finals, using Apple Intelligence* to summarize class notes, creating presentations, or even playing the latest Apple Arcade game,* MacBook Neo delivers the performance and AI capabilities you need to get things done.
- UP TO 16 HOURS OF BATTERY LIFE — MacBook Neo delivers all day battery life, so you can power through from early morning classes to late night study sessions without worrying about plugging in.
- A VIBRANT 13-INCH DISPLAY* — The gorgeous Liquid Retina display on MacBook Neo supports 1 billion colors, so photos and videos pop and text is crisp for easy reading.
Set a specific viewport in Safari
- Show the Develop menu if needed. In Safari, open Safari > Settings > Advanced and enable “Show features for web developers.” Apple documents the developer feature in its Develop menu documentation.
- Open the target page and enter Responsive Design Mode. Choose Develop > Enter Responsive Design Mode, or press Control-Command-R. See Apple’s Responsive Design Mode documentation.
- Set the dimensions. Pick a preset or click the displayed width or height and enter the target size. Check whether the brief calls for screen points or another unit; adjust the displayed pixel ratio if the preview requires it.
- Capture the page view. Use Shift-Command-4 and drag over the browser content, or press Shift-Command-4 followed by Space and click the browser window. Window capture includes the window frame and may include its shadow; hold Option while clicking to omit the shadow.
Safari’s responsive presets are previews, not guarantees of identical behavior on physical devices. Browser address bars, the on-screen keyboard, and device-specific form behavior can affect real-device results. Apple recommends Simulator when a more accurate device preview is needed.
Set a specific viewport in Chrome
- Open DevTools and turn on the Device Toolbar.
- Choose Responsive mode in the device selector, then enter the requested width and height. Chrome documents these custom dimensions as CSS pixels.
- Choose the capture scope. Open the Device Toolbar’s More options menu and select “Capture screenshot” for the current viewport or “Capture a full size screenshot” for the full page.
Chrome Device Mode simulates device behavior in a desktop browser; it does not run the site on a physical phone or reproduce every device-specific behavior. Use an actual device or an appropriate simulator when that distinction matters. Steps and labels are documented in Google’s Simulate mobile devices with device mode guide.
Rank #2
- BUILT FOR COLLEGE. AND BEYOND — MacBook Air with the M5 chip packs blazing speed and powerful AI capabilities into an incredibly portable design. And with up to 18 hours of battery life,* this thin and light powerhouse is ready to take on almost any major, just about anywhere.
- TEAR THROUGH TOUGH ASSIGNMENTS — With its faster CPU and unified memory, the M5 chip delivers even more performance and fluidity across apps, making multitasking and creative workflows smooth and responsive. A powerful Neural Engine and next-generation GPU with Neural Accelerators give you a powerful platform for AI.
- MAKE QUICK WORK OF YOUR TO-DO LIST — Apple Intelligence helps you write, express yourself, and get things done effortlessly — whether it’s for school or everyday life. With groundbreaking privacy protections, it gives you peace of mind that no one else can access your data — not even Apple.*
- UP TO 18 HOURS OF BATTERY LIFE — MacBook Air delivers incredible battery life with amazing performance, so you can power through a full day of classes without worrying about plugging in.
- A BRILLIANT 13.6-INCH DISPLAY* — The gorgeous Liquid Retina display on MacBook Air supports 1 billion colors, making photos and videos pop with rich contrast and sharp detail, and text appears supercrisp. So everything — from class presentations to movies to games — looks truly stunning.
Use macOS capture shortcuts when you need a screen or window image
- Shift-Command-3: capture the entire screen.
- Shift-Command-4: drag to select a screen region. Press Space to move the selection without resizing it.
- Shift-Command-4, then Space: capture a window or menu. Hold Option while clicking a window to omit its shadow.
- Shift-Command-5: open the Screenshot interface, where you can choose a capture mode, save location, and timer. Apple says this interface is available on macOS Mojave 10.14 or later.
If the goal is a particular webpage viewport, set the responsive dimensions first and then capture the browser content. If you only need a normal screen, window, or selection capture, the native shortcuts are sufficient. Apple documents the shortcuts and notes that some apps, such as Apple TV, may not allow window screenshots; that limitation is unlikely to affect an ordinary browser page. Screenshot options and formats can vary by macOS version and supported hardware. Apple’s current page describes SDR/PNG and HDR/HEIF options for compatible Macs running macOS Tahoe 26 or later. See Take a screenshot on Mac.
Choose the workflow that matches the deliverable
| Need | Use | What to check |
|---|---|---|
| Safari-specific responsive preview | Safari Responsive Design Mode | Effective dimensions are shown in screen points; set the pixel ratio if relevant. |
| Custom CSS-pixel dimensions or full-page capture | Chrome DevTools Device Mode | Enter CSS-pixel dimensions and choose viewport or full-size capture. |
| A quick image of the screen, a region, or a browser window | macOS Screenshot shortcuts or Screenshot interface | These capture the screen/window bounds, not a specified web viewport by themselves. |
| Confidence in actual mobile-device behavior | Simulator or physical-device check | Desktop browser emulation cannot reproduce every device behavior. |
Troubleshooting viewport screenshots
- The image is the wrong size. Check that dimensions were entered in the responsive tool, not inferred from the Mac screen selection. Confirm whether the brief specifies CSS pixels, screen points, or output pixels.
- The browser chrome is in the image. Use a content-area selection or Chrome’s “Capture screenshot” command rather than capturing the entire browser window.
- The page is cut off below the fold. Use Chrome’s “Capture a full size screenshot” for full-page output; a viewport capture only covers the visible area.
- Safari has no Develop menu. Enable “Show features for web developers” in Safari > Settings > Advanced, then reopen the Develop menu.
- The preview differs from a phone. Treat responsive mode as an approximation. Validate on Simulator or a physical device for behaviors such as browser bars, keyboard effects, and device-specific form controls.
- A window capture is unavailable. Some applications restrict window screenshots. For a browser page, try selecting a screen region or use the browser’s developer-tool capture.
Or skip the browser setup
ScreenshotNeo can return a website screenshot or PDF through one GET request. Add your API key and target URL; see the ScreenshotNeo API documentation for options and setup.
Rank #3
- AN AMAZING MAC AT A SURPRISING PRICE — With an incredibly portable and durable aluminum design, up to 16 hours of battery life,* and the A18 Pro chip, MacBook Neo is ready to go wherever school takes you.
- FOUR STUNNING COLORS. ONE DURABLE DESIGN — Choose from four beautiful colors — Silver, Blush, Citrus, or Indigo — each with a color-coordinated keyboard. And MacBook Neo is made with a durable recycled aluminum enclosure that helps it reach 60 percent recycled content by weight — the most ever in any Apple product.*
- FLY THROUGH EVERYDAY ASSIGNMENTS — Whether you’re cramming for finals, using Apple Intelligence* to summarize class notes, creating presentations, or even playing the latest Apple Arcade game,* MacBook Neo delivers the performance and AI capabilities you need to get things done.
- UP TO 16 HOURS OF BATTERY LIFE — MacBook Neo delivers all day battery life, so you can power through from early morning classes to late night study sessions without worrying about plugging in.
- A VIBRANT 13-INCH DISPLAY* — The gorgeous Liquid Retina display on MacBook Neo supports 1 billion colors, so photos and videos pop and text is crisp for easy reading.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpScreenshotNeo supports viewport settings, full-page capture, and PNG, JPEG, or WebP output. Before capture it accepts consent banners and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each of those steps can be turned off. Bot checks/CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers identify the page verdict and billing status. Its MCP server gives AI agents tools for screenshots, page information, and PDF capture. The free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots.
Sign up free for 1,000 screenshots a month, with no card required.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Frequently Asked Questions
Can I use a Mac screenshot shortcut to set a website’s viewport?
No. Set the viewport in Safari Responsive Design Mode or Chrome Device Mode first; shortcuts capture screen pixels.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
Rank #4
- AN AMAZING MAC AT A SURPRISING PRICE — With an incredibly portable and durable aluminum design, up to 16 hours of battery life,* and the A18 Pro chip, MacBook Neo is ready to go wherever school takes you.
- FOUR STUNNING COLORS. ONE DURABLE DESIGN — Choose from four beautiful colors — Silver, Blush, Citrus, or Indigo — each with a color-coordinated keyboard. And MacBook Neo is made with a durable recycled aluminum enclosure that helps it reach 60 percent recycled content by weight — the most ever in any Apple product.*
- FLY THROUGH EVERYDAY ASSIGNMENTS — Whether you’re cramming for finals, using Apple Intelligence* to summarize class notes, creating presentations, or even playing the latest Apple Arcade game,* MacBook Neo delivers the performance and AI capabilities you need to get things done.
- UP TO 16 HOURS OF BATTERY LIFE — MacBook Neo delivers all day battery life, so you can power through from early morning classes to late night study sessions without worrying about plugging in.
- A VIBRANT 13-INCH DISPLAY* — The gorgeous Liquid Retina display on MacBook Neo supports 1 billion colors, so photos and videos pop and text is crisp for easy reading.
Does a Chrome full-size screenshot include the whole webpage?
Yes. Chrome’s “Capture a full size screenshot” option captures beyond the currently visible viewport.
Quick Recap
Best Value
- FAST RUNS IN THE FAMILY — The 16-inch MacBook Pro with the M5 Pro or M5 Max chip brings next-generation speed and powerful on-device AI to personal, professional, and creative tasks. With all-day battery life, double the starting storage,* and a breathtaking Liquid Retina XDR display, it’s pro in every way.*
- BUCKLE UP — Along with a next-generation CPU, faster unified memory, and up to 2x faster SSD storage,* M5 Pro and M5 Max feature a more powerful GPU with a Neural Accelerator built into each core, delivering faster AI performance and on-device training capabilities. So you can blaze through demanding workloads at mind-bending speeds.
- BUILT FOR AI — Apple silicon, and every major component that powers it, is designed to run demanding on-device AI workloads like LLM inference and training. And Apple Intelligence helps you write, express yourself, and get things done effortlessly with groundbreaking privacy protections at every step.*
- ALL-DAY BATTERY LIFE — MacBook Pro delivers the same exceptional performance whether it’s running on battery or plugged in.*
- MACOS RUNS APPS FAST — All your go-to apps run lightning fast in macOS, including built-in apps like FaceTime and Messages. Plus, built-in virus protection and free software updates help keep your Mac running smoothly and securely.
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.
