ScreenshotNeo

BlogHow-to

How to Take a Website Screenshot at 100 Percent Browser Zoom

Reset the webpage to 100% zoom, verify the site-specific setting, then choose a visible or full-page capture. Learn what affects screenshot dimensions.

By the ScreenshotNeo team4 October 20266 min read

To take a website screenshot at 100% browser zoom, open the page, reset its page zoom to 100%, verify the browser’s zoom indicator, and then capture the visible viewport or the full page. On Windows or Linux, Microsoft Edge documents Ctrl+0; on macOS, use Command+0. In Chrome, use the menu’s Zoom controls and reset the displayed percentage to 100%. Then capture with your operating system, browser, or a screenshot API, depending on the output and repeatability you need.

Reset page zoom and capture the page

  1. Open the target website and let it finish loading.
  2. Click the webpage so it has focus. Reset page zoom: in Edge, press Ctrl+0 on Windows/Linux or Command+0 on macOS. In Chrome, open the More menu, use its Zoom controls, and choose the default 100% value. In Firefox, open the menu and use the visible zoom controls to return to 100%. Browser labels can vary by version.
  3. Check the zoom percentage shown in the browser. If the page still appears enlarged or reduced, inspect its site-specific zoom setting as well as the global default.
  4. Choose the capture area. Use a system screenshot or the browser’s visible-area option for what is on screen. Choose a full-page capture when you need content below the fold.
  5. Save the screenshot to a file or copy it to the clipboard, if the chosen capture tool offers both.

Browser-specific steps

Chrome

Chrome’s More menu contains page Zoom controls, and Appearance settings include a default Page zoom setting. Chrome also manages per-site zoom under Settings > Privacy and security > Site settings > Additional content settings > Zoom levels. If one site looks different from others, inspect that site’s saved zoom value. Use the menu’s displayed percentage as your check that the page is at 100%.

Microsoft Edge

Edge documents Ctrl+0 on Windows/Linux and Command+0 on macOS to reset page zoom. You can also set the default Page zoom in Settings > Accessibility and manage site-specific zoom levels. The shortcut resets the area that has focus, so click the rendered webpage first if the page is your target.

Firefox

Open the Firefox menu and use its zoom controls to return to 100%. To capture, right-click an empty area of the page and choose Take Screenshot, or press Ctrl+Shift+S (Windows/Linux) or Command+Shift+S (macOS). Choose Save visible for the viewport or Save full page for the document. Firefox’s screenshot tool can save an image or copy it to the clipboard.

For a technical full-page capture, Firefox DevTools can show a screenshot button after you enable “Take a screenshot of the entire page” in the toolbox options. Its Web Console :screenshot helper supports options such as --fullpage, --dpr, --delay, and a filename. These options affect capture scope, output pixel density, timing, and naming; they do not set the browser page zoom.

Safari

Figma’s browser-configuration guide documents a Safari path for setting a particular website’s zoom: Safari > Preferences > Websites > Page Zoom, then set the open site to 100%. Safari menus differ across macOS versions, so treat this as the path in that guide and check the controls available in your version.

Choose the screenshot scope

Need Capture choice What it includes
Show what a person sees now Visible-area or system screenshot The current viewport
Include content below the fold Full-page screenshot The document beyond the visible viewport
Save or share quickly Browser capture tool Often a file download or clipboard copy, depending on browser
Control timing or pixel density Developer tools capture Options such as delay, full-page scope, and device-pixel ratio where supported

A full-page screenshot and a viewport screenshot are different outputs even when both are taken at 100% page zoom. Pick the scope before comparing or sharing captures.

What 100% zoom does—and does not—mean

Page zoom controls the browser’s scaling of webpage content. It is separate from operating-system display scaling, viewport dimensions, and the zoom level of the DevTools interface. Microsoft’s Edge DevTools documentation notes that the rendered page and DevTools zoom are independent; the reset command applies to whichever area has focus. Focus the page before using the shortcut when you mean to reset webpage zoom.

100% zoom does not guarantee a specific image resolution or identical layout across browsers. The viewport width and height affect responsive layout, while device-pixel ratio (DPR) affects output pixel density in tools that expose it. A full-page capture also has different dimensions from a viewport capture. For a reproducible comparison, record the browser and version, operating system, viewport dimensions, page zoom, capture scope, and DPR setting, if applicable.

ScreenshotNeo: capture without setting up a browser

For a repeatable screenshot from an API, ScreenshotNeo accepts a URL in one request and returns an image or PDF. It is a website screenshot API and MCP server from Yorker Media. The example below requests a WebP screenshot; 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.webp
import 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}`);

Replace the example URL with the page you want to capture and supply your API key. ScreenshotNeo supports viewport and full-page capture, device presets or custom viewport sizes, retina scale, and other capture settings. Set page zoom only if the API provides a corresponding documented option; a browser’s 100% setting is not the same thing as viewport size or DPR.

Cookie banners, popups, and chat widgets are removed before the shot, and each cleanup step can be turned off. Bot checks, blank pages, timeouts, failed loads, and cache hits are not billed; response headers identify the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf for AI agents. The free plan includes 1,000 screenshots a month without a card; paid plans start at $5 for 3,000 screenshots.

Sign up for ScreenshotNeo’s free plan to get 1,000 screenshots a month with no card.

Troubleshooting

Symptom Likely cause Fix
The page still looks scaled after resetting A per-site zoom value is overriding the browser default, or the page did not have focus. Click the webpage, reset its zoom, and inspect the browser’s site-specific zoom settings.
The shortcut changed DevTools instead of the page DevTools had focus; its zoom is independent. Click the rendered page and reset again.
The screenshot has unexpected dimensions Viewport size, full-page scope, or DPR differs from what you expected. Check the capture scope and viewport; set or record DPR separately when supported.
The screenshot omits lower content You captured only the visible viewport. Choose a full-page capture tool or option.
A browser menu or setting is not where expected Controls and labels can differ between browser versions and operating systems. Use the browser’s current menu zoom percentage or settings search, then verify it reads 100%.
A page looks different at 100% in another environment Browser, OS scaling, viewport, responsive breakpoints, or DPR differ. Record those settings and compare captures made with the same configuration.

Performance, reliability, and cost

A built-in browser screenshot is usually the simplest choice for a one-off capture: it avoids API credentials and service charges. Full-page captures can take longer on long pages or pages that load content as you scroll. Allow the page and its images to finish loading before capture; for dynamic pages, use a delay or a wait condition if your capture tool supports one.

For repeated or automated captures, make the browser, viewport, zoom, capture scope, and DPR explicit so runs are comparable. Network delays, bot checks, and dynamic page content can affect results. ScreenshotNeo offers caching with a configurable TTL, async jobs with signed webhooks, and bulk capture of up to 100 URLs per call. Its plans are Free (1,000 shots/month), Starter ($5 for 3,000), Growth ($15 for 15,000), Pro ($39 for 60,000), Scale ($99 for 250,000), and Business ($249 for 1,000,000); yearly billing gives two months free. Every feature is available on every plan.

FAQ

Does 100% zoom mean one CSS pixel equals one screenshot pixel?

No. Output pixel density depends on DPR and capture behavior; page zoom alone does not define image dimensions.

Will resetting zoom change the website’s saved settings?

It resets the browser’s page zoom for the relevant site or page. Check site-specific zoom controls if the value differs from the global default.

Should I use a full-page screenshot for visual evidence?

Use full-page when the entire document matters. Use a visible-area capture when the evidence should show what fits in the viewport.

Can I make screenshots from an AI agent?

ScreenshotNeo’s MCP server exposes screenshot, page-info, and PDF capture tools to MCP clients, including AI agents.

Sources