Driver FixRecommendedSound, Wi-Fi or graphics acting up? Check drivers firstFind missing or outdated drivers fast.Check DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run Scan×
Skip to content
World desk5 min

How to Set Screenshot Dimensions for a Recurring Website Capture

A practical guide to keeping recurring website screenshots consistent: configure the viewport before navigation, choose viewport or full-page output, and set scale separately.

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.

Set a fixed browser viewport width and height in CSS pixels before navigating to the website, then choose separately whether to capture the visible viewport or the full page. If you need more bitmap detail, set a device scale factor; it changes output pixel dimensions without necessarily changing the responsive layout. Keep those choices consistent in the configuration used for every scheduled run.

Which dimensions should you set?

There are two different dimensions to think about: the browser viewport, which determines how the page lays out, and the screenshot bitmap, which determines the image’s pixel dimensions. They are related, but they are not always identical.

As an Amazon Associate I earn from qualifying purchases.

  • Viewport width and height: measured in CSS pixels. These values influence responsive breakpoints and the visible browser area.
  • Output scale: a device scale factor or equivalent setting multiplies bitmap dimensions. A higher scale can create a sharper, larger file without changing the CSS viewport.
  • Capture extent: choose the viewport, full scrollable page, a selected element, or a clipped region. This is separate from viewport sizing.

Choose a viewport that represents the layout you need to monitor—such as a desktop or mobile state. For recurring comparisons, keep viewport, scale, capture extent, and relevant browser settings unchanged. If you need to compare different device layouts, define a separate stable configuration for each one rather than forcing every site or device into the same dimensions.

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

Set recurring dimensions with Playwright

In Playwright, set the viewport before navigating. The documented API is page.setViewportSize({ width: 640, height: 480 }); replace those example values with your target dimensions. Playwright notes that many websites do not expect the viewport to change after navigation, so apply the size first. See the Playwright Page API.

#1 Best Overall
CanaKit Raspberry Pi 5 Starter Kit PRO - Turbine Black (128GB Edition) (8GB RAM)
  • Includes Raspberry Pi 5 with 2.4Ghz 64-bit quad-core CPU (8GB RAM)
  • Includes 128GB Micro SD Card pre-loaded with 64-bit Raspberry Pi OS, USB MicroSD Card Reader
  • CanaKit Turbine Black Case for the Raspberry Pi 5
  • CanaKit Low Noise Bearing System Fan
  • Mega Heat Sink - Black Anodized
const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();

  // Keep these values in your recurring capture configuration.
  await page.setViewportSize({ width: 1440, height: 900 });
  await page.goto('https://example.com', { waitUntil: 'networkidle' });
  await page.screenshot({ path: 'capture.png' });

  await browser.close();
})();

For a whole-page image rather than only the visible viewport, use the screenshot option fullPage: true:

await page.screenshot({ path: 'capture.png', fullPage: true });

Use that option only when the full scrollable document is the intended output; a full-page capture can be much taller than the configured viewport.

Rank #2
CanaKit Raspberry Pi 5 16GB Starter Kit PRO - Turbine Black (128GB Edition) (16GB RAM)
  • Includes Raspberry Pi 5 16GB with 2.4Ghz 64-bit quad-core CPU (16GB RAM)
  • Includes 128GB Micro SD Card pre-loaded with 64-bit Raspberry Pi OS, USB MicroSD Card Reader
  • CanaKit Turbine Black Case for the Raspberry Pi 5
  • CanaKit Low Noise Bearing System Fan
  • Mega Heat Sink - Black Anodized

Set dimensions with Puppeteer

Puppeteer’s page viewport is likewise separate from screenshot extent. Set it before navigation, then use fullPage when you need the complete scrollable page. Puppeteer’s screenshot options also include clip, type, quality, and omitBackground. The precise accepted options and defaults depend on the installed version; the current documented ScreenshotOptions page identifies version 25.12.0. See Puppeteer ScreenshotOptions.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.setViewport({ width: 1440, height: 900 });
  await page.goto('https://example.com', { waitUntil: 'networkidle2' });
  await page.screenshot({ path: 'capture.png' });

  await browser.close();
})();

For a full-page capture, change the screenshot call to await page.screenshot({ path: 'capture.png', fullPage: true }). To capture only a region or element, use Puppeteer’s documented clipping or element screenshot approach rather than changing the viewport to imitate a crop.

Rank #3
CanaKit Raspberry Pi 5 Essentials Starter Kit (4GB RAM)
  • CanaKit Raspberry Pi 5 Essentials Starter Kit

Choose CSS-pixel or higher-resolution output

At a scale factor of 1, output bitmap dimensions generally match the CSS-pixel dimensions of the capture area. A device scale factor greater than 1 produces more bitmap pixels for the same CSS layout. That can improve detail, but it also increases image dimensions and typically the file size.

For example, shot-scraper documents that a 390 × 844 CSS-pixel capture at scale factor 3 yields a 1170 × 2532-pixel image. This is an illustration of the multiplication, not a universal recommended size. See the shot-scraper documentation.

Rank #4
SANOOV Raspberry Pi 5 4GB Kit, 4GB RAM Single Board Computer with Active Cooler and ABS Case, Complete Raspberry Pi 5 Starter Kit for IoT Robotics Retro Gaming
  • All-in-One Complete Kit: This SANOOV RPi 5 bundle comes with Raspberry Pi 5 4GB RAM single board, active cooler, durable ABS case and screwdriver. No extra parts needed, ready to use right out of the box for beginners and hobbyists
  • Powerful Single Board Computer: Equipped with 4GB RAM and high-performance processor, delivers fast running speed for 4K playback, AI projects, programming and daily computing tasks. SANOOV for raspberry pi 5 4GB is equipped with broadcom 64 quad-core Arm Cortex A76 processor with gigabit ethernet and upgraded with IEEE 802.11ac Wi-Fi, Bluetooth 5.0 dual-band 2.4Ghz and 5Ghz and Power Over Ethernet (POE). Upgrading delivers 2-3 x speed vs Pi 4, redefining the experience
  • Efficient Active Cooler: Effectively lowers operating temperature and prevents performance throttling. Runs quietly even under long-time heavy load, ensures stable operation all day long. SANOOV RPi 5 4GB kit offer an active cooler, which combines an aluminium heatsink with a high-performance PWM fan. Active cooler is fully compatible with the Pi OS, which can effectively reduce the temperature of RPi5 and ensure its good performance during long-term high load operation
  • Sturdy ABS Protective Case: Well-fitted for Raspberry Pi 5 board, can be secured with 4 screws to effectively protect the Pi 5 motherboard from damage, reserves full access to all ports and buttons. SANOOV uses ABS material to produce the case, which has a softer texture and feel. Meanwhile, SANOOV case adopts a layered design for easy disassembly and installation. (Tip: The Case cannot install M.2 HAT Add on Board and Solid State Drive!)
  • Wide Application & Full Compatibility: Seamlessly compatible with official OS and mainstream peripheral accessories for Raspberry Pi 5. Whether you are a beginner, student, electronics hobbyist or professional developer, this all-in-one kit meets your diverse needs. It excels in IoT projects, robotics design, retro gaming devices, home media servers and other DIY creations. Backed by a large global community, you can easily find guides, technical support and shared projects online

Use shot-scraper for repeatable command-line captures

shot-scraper provides command-line width and height controls, a scale-factor option, and multi-shot configuration. Its configuration approach is useful when a scheduled job captures several pages: store the intended settings centrally and apply them to each relevant capture. Do not assume every page should share a viewport if the goal is to compare different responsive layouts. The documentation’s release PDF is identified as Release 1.11-3-g760c114; check the version installed in your environment when relying on exact option behavior. See shot-scraper documentation.

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

Make scheduled captures consistent

  1. Define the target layout. Decide whether each recurring capture represents a desktop, tablet, or mobile viewport and choose its CSS-pixel width and height.
  2. Choose the capture area. Specify viewport, full page, element, or clip. Keep this choice distinct from viewport size.
  3. Choose output resolution. Use scale 1 for a bitmap close to CSS-pixel dimensions, or a higher scale when additional image detail is required.
  4. Save settings in the job configuration. Apply the same dimensions and relevant browser options on every run instead of resizing after navigation.
  5. Check the resulting image. Confirm the responsive layout and actual pixel dimensions once the scheduled capture is running; full-page height can vary with page content.

Common problems and fixes

  • The layout differs from the intended device. The viewport may be set too late or the width may fall on the wrong side of a responsive breakpoint. Set it before navigation and use the intended CSS-pixel width.
  • The output image is larger than expected. Check the device scale factor. A scale factor multiplies bitmap dimensions; reduce it if you need CSS-pixel-sized output.
  • The screenshot ends at the visible window. The default capture is viewport-bounded. Enable the tool’s full-page option if the entire scrollable document is required.
  • Repeated captures drift in size or appearance. Compare the scheduled job’s viewport, scale, capture extent, and browser configuration with the saved configuration. A manually changed or inconsistent setting can alter the result.
  • A full-page screenshot is unexpectedly tall. Full-page capture includes the document’s scrollable area, not just the viewport. Check page content and confirm that full-page output is actually wanted.
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 is a website screenshot API and MCP server. One GET request can return an image or PDF; the API supports viewport presets and custom dimensions, scale, full-page capture, and scheduled or automated workflows. Its clean-shot steps can accept consent banners and remove known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks, blank pages, timeouts, failed loads, and cache hits cost nothing, and responses identify the page verdict and billing status in headers. Its MCP server offers screenshot tools for AI agents.

For the full parameter reference, see the ScreenshotNeo documentation. Example cURL request:

Best Value
RasTech Raspberry Pi 5 8GB Kit with Active Cooler and Pi5 Case
  • 【What you Get】You will get 1*Pi 5 8GB Single Board,1*RasTech Case,1*Active Cooler,1*Screwdriver,1*Installation instructions,12-month free warranty, lifetime service, 24-hour prompt and friendly response.
  • 【More Connectors】There are two USB 3.0 ports(5Gbps simultaneously) and two USB 2.0 ports, which triple total bandwidth ,support any combination of up to two cameras or displays. Peak SD card performance is doubled through support for the SDR104 high-speed mode. It provides a smooth desktop experience for you. Offer Gigabit Ethernet and a PCIe interface, along with dual-band Wi-Fi and Bluetooth 5.0/BLE wireless capability. The RasTech Pi 5 Kit use the new 27W 5.1V 5A USB-C power connector.
  • 【 Support Dual 4Kp60 Display 】Each of the two microHDMI sockets can control a 4K display at 60 Hertz, now support HDR, offering super HD video for media streaming projects. RPi 5 is the first RPi model that comes with a PCI Express port (PCIe 2.0 x1 with 500 MB/s) to attach SSDs (requires separate M.2 HAT).
  • 【 Excellent Chips And Applications】Pi 5 is a full-size Pi computer using silicon built in-house at Pi. The RP1 “southbridge” provides the bulk of the I/O capabilities for Pi 5. Pi 5 is more friendly and convenient in the development of Internet of Things, Web development, machine identification, automatic control and other electronic equipment applications and network.
  • 【 Faster CPU, Better GPU 】 Pi 5 features a Broadcom BCM2712 64-bit quad-core Arm Cortex-A76 processor running at 2.4GHz, it delivers a 2–3× increase in CPU performance relative to RaspberryPi 4. The 800MHz VideoCore VII GPU is compatible to OpenGL ES 3.1 and Vulkan 1.2, substantial uplift in graphics performance. Pi 5 Offers lightning-fast CPU speed, a PCI Express interface, a Real Time Clock (RTC) and a power button and runs significantly cooler than Pi 4.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Free includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 screenshots. Sign up for ScreenshotNeo free.

Frequently Asked Questions

Does changing the screenshot scale change a site’s responsive layout?

Not necessarily. Viewport width and height determine the CSS layout; scale increases bitmap resolution independently.

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

Should I use one viewport size for every scheduled website capture?

Only when you are monitoring the same layout target. Use separate stable configurations when you need distinct mobile, tablet, or desktop views.

Quick Recap

Bestseller No. 1
CanaKit Raspberry Pi 5 Starter Kit PRO - Turbine Black (128GB Edition) (8GB RAM)
CanaKit Raspberry Pi 5 Starter Kit PRO - Turbine Black (128GB Edition) (8GB RAM)
Includes Raspberry Pi 5 with 2.4Ghz 64-bit quad-core CPU (8GB RAM); CanaKit Turbine Black Case for the Raspberry Pi 5
$259.95
Bestseller No. 2
CanaKit Raspberry Pi 5 16GB Starter Kit PRO - Turbine Black (128GB Edition) (16GB RAM)
CanaKit Raspberry Pi 5 16GB Starter Kit PRO - Turbine Black (128GB Edition) (16GB RAM)
Includes Raspberry Pi 5 16GB with 2.4Ghz 64-bit quad-core CPU (16GB RAM); CanaKit Turbine Black Case for the Raspberry Pi 5
$419.99
Bestseller No. 3
CanaKit Raspberry Pi 5 Essentials Starter Kit (4GB RAM)
CanaKit Raspberry Pi 5 Essentials Starter Kit (4GB RAM)
CanaKit Raspberry Pi 5 Essentials Starter Kit
$189.99

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

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

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.