Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To capture a screenshot at an exact size, set the browser viewport to the required width and height before capturing. In Chrome, open DevTools with F12 (or Inspect), enable Device Mode, enter the width and height in Responsive mode, then choose Capture screenshot for the visible viewport or Capture a full size screenshot for the entire page. If the saved file must have contractual pixel dimensions, check its dimensions afterward: zoom, device-pixel ratio, operating-system scaling and export behavior can change the bitmap even when the CSS viewport is correct.

Choose the kind of screenshot you actually need

“Specific size” can mean several different outputs. Decide this first, because each DevTools command captures a different thing.

Capture type What it contains Best use
Viewport Only what is visible inside the configured width and height Responsive design checks, 1920×1080-style browser views and documentation
Full size The whole scrollable page, including content below the viewport Long-page archives and complete-page reviews
Area An arbitrary rectangle selected on the page One region whose position is easier to select visually than to identify in HTML
Node A particular inspected HTML element Cards, charts, components or other isolated elements

A full-size image can be much taller than your configured height. Therefore, a 1440×900 viewport setting does not promise a 1440×900 full-page file.

Capture an exact viewport in Chrome DevTools

  1. Open Device Mode

    Open the target page in Chrome, right-click and choose Inspect, or press F12. Click the Toggle device toolbar button (the phone-and-tablet icon), or use the DevTools shortcut shown for your operating system.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
    #1 Best Overall
    Sale
    Epson Workforce ES-50 Compact & Lightweight Mobile Document Scanner
    • PORTABLE SCANNER FOR USE ON-THE-GO — The fastest and lightest mobile single-sheet-fed compact document scanner in its class¹
    • QUICK DOCUMENT SCANNING ― This Epson ultra-fast scanner scans a single page as quickly as 5.5 seconds²; Windows and Mac compatible
    • VERSATILE PAPER HANDLING ― Portable scanner scans documents up to 8.5 x 72 in; Also easily digitizes receipts and ID cards to make accounting, bookkeeping, and organizing simpler
    • INTUITIVE, HIGH-SPEED SOFTWARE — Epson ScanSmart Software³ is a smart tool allowing you to easily scan, review, and save; Stay organized easily with the help of this Epson scanner
    • EASY SETUP — USB-powered connect to your computer for quick and simple scanning; No batteries or external power supply required to operate portable document scanner; Standard Connectivity: USB 2.0
  2. Enter the dimensions

    In the device toolbar, choose Responsive. Type the required width and height into the dimension fields. Chrome’s documented presets include 320px, 375px, 425px, 768px, 1024px, 1440px and 2560px, but you can enter other values directly.

    For a 1920×1080 capture, enter 1920 for width and 1080 for height. Keep the lock/aspect-ratio control unlocked if width and height must be independent.

  3. Stabilize the page

    Wait for fonts, images and late-loading components to finish. Scroll to the intended starting position if the screenshot should represent a particular section. Close browser UI that is not part of the page; DevTools captures the emulated page viewport, not the surrounding desktop.

  4. Capture the viewport

    Open the Device Mode More options menu (three dots) and choose Capture screenshot. The downloaded image represents the visible viewport at the configured dimensions.

    What’s actually slowing this PC down?

    Pick the symptom - the matching free tool is one click away.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  5. Capture the complete page instead

    From the same menu, choose Capture a full size screenshot. Chrome describes this as capturing “the whole page including the content that isn’t currently visible in the viewport.” The output height follows the page’s scrollable content, not the viewport-height field.

    Rank #2
    Sale
    Brother DS-640 Compact Mobile Document Scanner, (Model: DS640)
    • FAST SPEEDS - Scans color and black and white documents a blazing speed up to 16ppm (1). Color scanning won’t slow you down as the color scan speed is the same as the black and white scan speed.
    • ULTRA COMPACT – At less than 1 foot in length and only about 1. 5lbs in weight you can fit this device virtually anywhere (a bag, a purse, even a pocket).
    • READY WHENEVER YOU ARE – The DS-640 mobile scanner is powered via an included micro USB 3. 0 cable allowing you to use it even where there is no outlet available. Plug it into you PC or laptop and you are ready to scan.
    • WORKS YOUR WAY – Use the Brother free iPrint&Scan desktop app for scanning to multiple “Scan-to” destinations like PC, Network, cloud services, Email and OCR. (2) Supports Windows, Mac and Linux and TWAIN/WIA for PC/ICA for Mac/SANE drivers. (3)
    • OPTIMIZE IMAGES AND TEXT – Automatic color detection/adjustment, image rotation (PC only), bleed through prevention/background removal, text enhancement, color drop to enhance scans. Software suite includes document management and OCR software. (4)

Capture only a rectangle or one element

Area capture

Use DevTools’ area screenshot workflow when you need a rectangle that is not naturally represented by one DOM element. Select the area on the rendered page, then save the result. This is useful for a banner, chart, or visual slice whose exact boundaries are easier to draw than to inspect.

Node capture

In the Elements panel, inspect the element you want. Chrome provides a node screenshot command from the element’s context menu or the Command Menu. This isolates the element rather than the complete viewport. Padding, borders, pseudo-elements and overflow still follow the element’s rendered layout, so inspect the result if a design specification requires a precise outer box.

Make the bitmap dimensions reliable

DevTools dimensions are CSS viewport dimensions. The downloaded bitmap can also depend on browser zoom, device pixel ratio (DPR), operating-system display scaling and the browser’s export path. There is no single conversion that applies to every combination.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  • Set Chrome zoom to 100% for a repeatable baseline.
  • Use the same DPR/device scale setting on every capture machine.
  • Keep operating-system display scaling consistent in a team or CI environment.
  • Do not assume a full-page capture will retain the viewport height.
  • Open the saved PNG, JPEG or WebP and verify its actual pixel width and height before publishing or comparing it.

If a specification says “exactly 1200×630 pixels,” treat the saved-file check as a required validation step, not an optional visual check.

Automate fixed-size captures with WebDriver BiDi

For repeatable QA, documentation or CI, browser automation avoids manual resizing. The WebDriver BiDi browsingContext.captureScreenshot command returns an encoded image and supports either a rectangular region or a specific element. Your automation must still create a consistent browsing context: set the viewport/window size, standardize zoom and device scale, wait for the page state you need, then decode and write the returned image.

  1. Start a browser session through a WebDriver BiDi client.
  2. Navigate to the URL and set the browsing context’s viewport/window dimensions to the target CSS width and height.
  3. Wait for the required selector, fonts, images or application state.
  4. Call browsingContext.captureScreenshot with a region for a rectangle, or an element reference for an element capture.
  5. Decode the returned image data, save it, and assert the file’s pixel dimensions.

A region capture is appropriate when coordinates are part of the test contract; an element capture is safer when responsive layout can move the component. Keep browser version, operating-system scaling and device scale pinned in CI so that visual diffs measure page changes rather than environment changes.

Rank #3
Sale
Canon imageFORMULA R10 - Portable Document Scanner, USB Powered, Duplex Scanning, Document Feeder, Easy Setup, Convenient, Perfect for Mobile Users, White
  • STAY ORGANIZED – Easily convert your paper documents into digital formats like searchable PDF files, JPEGs, and more.Power Consumption : 2.5W or less (Energy Saving Mode: 0.7W). Suggested Daily Volume : 500 scans..Does it contain liquid: no
  • CONVENIENT AND PORTABLE –lightweight and small in size, you can take the scanner anywhere from home offices, classrooms, remote offices, and anywhere in between
  • HANDLES VARIOUS MEDIA TYPES – Digitize receipts, business cards, plastic or embossed cards, reports, legal documents, and more
  • FAST AND EFFICIENT – No technical hurdles or complicated setups here; easily scan both sides of a document at the same time, in color or black-and-white, at up to 12 pages-per-minute, and with a 20 sheet automatic feeder
  • BROAD COMPATIBILITY – Works with both Windows and Mac devices, be it laptop or computer

Firefox and Edge alternatives

Firefox

Firefox DevTools’ Measuring Tool lets you drag a rectangle and displays its x, y and diagonal dimensions. Arrow keys move the rectangle; Ctrl/Cmd plus arrow keys resize it. The documented tool is useful for planning a precise crop, but its cited documentation does not describe a complete fixed-size export workflow. Use it to measure, then capture with a workflow that can verify the resulting file.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Microsoft Edge

Edge’s Screenshot tool lets you select exactly what to capture. Microsoft notes that feature availability can vary by device, market and browser version, so confirm that the command exists in your installed edition before documenting a team procedure.

Troubleshooting exact-size captures

The file is not the width and height I entered

Check whether you captured the full page rather than the viewport, then inspect Chrome zoom, DPR and operating-system scaling. Verify the saved file’s metadata and repeat with a fixed 100% zoom and standardized device scale.

The bottom of the page is missing

You used Capture screenshot, which captures only the visible viewport. Use Capture a full size screenshot when content below the fold is required. Expect the resulting height to exceed the configured viewport height.

Images or fonts are missing

Wait for network requests and lazy-loaded content to finish before capturing. Scroll through a long page if its application loads images only near the viewport, then capture again. For automated runs, wait for a meaningful selector or application-ready state rather than using an arbitrary short delay.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #4
IRIScan Express 4 Black Compact Portable USB Simplex Document Scanner, 8 PPM for Contracts, Invoices and Business Cards, Compatible with Windows, Readiris PDF Included
  • IRIScan Express, portable scanner : scans color and black and white documents a blazing speed up to 8ppm simplex. Color scanning won’t slow you down as the color scan speed is the same as the black and white scan speed.
  • IRIScan Express mobile scanner is powered via an included micro USB 2. 0 cable allowing you to use it even where there is no outlet available. Plug it into you PC or laptop and you are ready to scan. USB cable provided. AC Adapter not provided and not needed.
  • IRIScan flatbed scanner uses a simplex scanning mode allows for quick and straightforward scanning of single-sided documents. IRIScan with its full portable features is the ideal document scanners for computers.
  • IRIScan document scanner : Versatile scanning capabilities, including scanning to Word, PDF, and Excel formats with companion software provided Readiris OCR
  • Receipt scanner and card scanner with Additional features include scanning business cards directly to Outlook, photo scanning, and receipt scanning for efficient document management

An element capture includes unexpected space

Inspect the node’s computed box, margins, borders, pseudo-elements and overflow. If you need only the painted pixels inside a visual rectangle, use area capture; if you need the component’s layout box, keep the node capture and document the CSS box model.

Two machines produce different screenshots

Align Chrome/browser versions, viewport CSS dimensions, zoom, DPR, operating-system scale, fonts and page state. A screenshot comparison is only meaningful when those inputs are controlled.

Automation is flaky

Use deterministic waits, stable test data and a pinned browser environment. Capture after the target selector exists and required assets have loaded. Save the command response and failure logs so a timeout, navigation error or rendering difference can be distinguished from a genuine visual regression.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Or skip the browser setup: ScreenshotNeo

ScreenshotNeo is a website screenshot API and MCP server. One request can return a PNG, JPEG, WebP or PDF, with viewport settings and options for full-page capture, a CSS-selector element, device presets, custom viewport, retina scale and image resizing. It accepts consent banners before capture and removes more than 60 known consent platforms, newsletter popups and chat widgets; each cleanup step can be turned off.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Only clean shots are billed. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads and cache hits cost nothing, and the response reports the result with X-Page-Verdict and X-Billed headers. The same API also supports custom CSS and JavaScript, clicks, selector or network-idle waits, ad/tracker/request blocking, headers, cookies, user agents, Authorization, timezone, geolocation, transparent backgrounds, caching with a chosen TTL, signed image links, asynchronous jobs with signed webhooks, bulk capture of up to 100 URLs per call, usage reporting and an OpenAPI specification. Its parameter names are compatible with those used by other screenshot APIs, which can simplify migration.

cURL

Replace the URL and add the viewport parameters documented at the ScreenshotNeo API documentation when your capture requires a particular width and height.

Best Value
Canon Canoscan Lide 300 Scanner (PDF, AUTOSCAN, Copy, Send)
  • Scanner type: Document
  • Connectivity technology: USB
  • With Auto Scan Mode, the scanner automatically detects what you're scanning
  • Digitize documents and images
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Python

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)

Node.js

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

ScreenshotNeo’s MCP server provides take_screenshot, get_page_info and capture_pdf tools for Claude, Cursor and other MCP clients, so an AI agent can request captures without custom browser orchestration. Pricing is simple: Free includes 1,000 shots per month with no card; Starter is $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, and every feature is on every plan.

When you want fixed-size captures without maintaining a browser setup, sign up for the free plan—1,000 screenshots a month, no card required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Cost, performance and reliability decisions

  • Manual DevTools: fastest for a one-off inspection, but dependent on the operator’s browser and display settings.
  • WebDriver BiDi: best for controlled CI and visual regression; it requires browser infrastructure and careful environment pinning.
  • ScreenshotNeo: suited to API pipelines, bulk jobs and agent workflows; use caching with an intentional TTL and asynchronous jobs/webhooks for larger batches.

For any method, define whether a “shot” means viewport, full page, region or element; record the URL state and wait condition; and validate output dimensions before downstream processing.

Frequently Asked Questions

Can I enter any custom width and height in Chrome Device Mode?

Yes. Select Responsive and type the values directly; the documented preset sizes are only shortcuts.

Does a 1920×1080 setting always create a 1920×1080 image?

It describes the CSS viewport. Zoom, DPR, operating-system scaling and export behavior can change bitmap pixels, so inspect the saved file.

Which method is best for nightly screenshot tests?

Use WebDriver BiDi or an API workflow with pinned dimensions, deterministic waits and a post-capture pixel-dimension check.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Quick Recap

SaleBestseller No. 3
Canon imageFORMULA R10 - Portable Document Scanner, USB Powered, Duplex Scanning, Document Feeder, Easy Setup, Convenient, Perfect for Mobile Users, White
Canon imageFORMULA R10 - Portable Document Scanner, USB Powered, Duplex Scanning, Document Feeder, Easy Setup, Convenient, Perfect for Mobile Users, White
BROAD COMPATIBILITY – Works with both Windows and Mac devices, be it laptop or computer; This product is not intended for scanning photographs on photo paper / photographic media
$153.00
Bestseller No. 4
IRIScan Express 4 Black Compact Portable USB Simplex Document Scanner, 8 PPM for Contracts, Invoices and Business Cards, Compatible with Windows, Readiris PDF Included
IRIScan Express 4 Black Compact Portable USB Simplex Document Scanner, 8 PPM for Contracts, Invoices and Business Cards, Compatible with Windows, Readiris PDF Included
Find our Software here : irislink.com/start; IRIScan Express is only compatible Windows platform and not macintosh
$129.00
Bestseller No. 5
Canon Canoscan Lide 300 Scanner (PDF, AUTOSCAN, Copy, Send)
Canon Canoscan Lide 300 Scanner (PDF, AUTOSCAN, Copy, Send)
Scanner type: Document; Connectivity technology: USB; With Auto Scan Mode, the scanner automatically detects what you're scanning
$75.00

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.