Hardware FixRecommendedDevice not working? Your driver may be the problemCheck updates for common hardware issues.Fix DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan Now×
Skip to content
World desk4 min

How to Set the Viewport for Consistent Product Price Screenshots

Use a fixed viewport and stable browser settings to make product price screenshots easier to compare. Learn which scale and capture options also matter.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Set a fixed viewport width and height, then reuse them for every capture. For reliable comparisons, also keep the device scale factor, screenshot scale, browser version, and execution environment consistent. There is no universally correct viewport size for product prices: choose one that shows the price and enough product context to identify the item.

Choose a viewport that shows the price and product

First decide what the screenshot needs to prove. A price by itself may be hard to identify later, so include enough nearby context—such as the product name or image—to connect the amount to the right item. The retailer’s page layout and your use case determine the appropriate dimensions; Playwright’s documentation does not prescribe a product-price-specific size.

As an Amazon Associate I earn from qualifying purchases.

Use explicit width and height values and apply the same values to every capture. Playwright uses 1280 × 720 as an example configuration, not as a recommended standard for price screenshots. A narrower or taller viewport may suit a different page or comparison, but changing dimensions between captures can change responsive layout and visible content. Playwright emulation documentation

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

Keep viewport and image scale distinct

Viewport dimensions are measured in CSS pixels. Device scale factor is a separate emulation setting; screenshot output scale is another choice. Playwright explains that CSS screenshot scale produces one output pixel per CSS pixel, while device scale uses the emulated device density and can produce larger, high-density images. For like-for-like comparisons, choose these settings deliberately and keep them the same. Playwright screenshot documentation

#1 Best Overall
Gisotu Selfie Monitor Screen for iPhone & Android, 2026 Patented Design Magnetic Back Camera Monitor, Wireless/USB-C Vlog Content Creator Essentials, Up to 3-Hour Battery (Not for Google Pixel)
  • 【REAR CAM POWER, FLAWLESS SELFIES】 Turn your phone’s superior rear camera into a pro selfie monitor. Get instant, lag-free visual feedback on framing and lighting. Never guess your shot again—elevate your YouTube vlogs and Reels instantly. (Not for Google Pixel).
  • 【PLUG & PLAY】Instant 4K@60Hz wired mirroring for iPhone 15-17 & Android (via App). Zero-latency, no WiFi needed. Perfect for vlogging. (Note: iPhone 14 & older needs adapter).
  • 【PERFECT AUDIO SYNC】 Built-in speaker delivers real-time audio synced perfectly with your video feed. Perfect for TikTok, Reels, or YouTube. Effortlessly switch between vertical and horizontal modes to match any social platform’s requirements.
  • 【WIRELESS & MAGNETIC】Universal lag-free mirroring for iOS/Android/HarmonyOS. Built-in N52 magnets snap to iPhone 12-17; includes a metal clip for non-MagSafe devices.
  • 【CREATOR READY & LONG BATTERY】Get up to 3 hours of continuous filming per charge. Lightweight and portable—the ultimate tool for travel vlogging and professional content.

For example, the same viewport can yield different output pixel dimensions at different device scale factors or screenshot scales. Record both the viewport and scale settings with your baseline rather than treating an image’s pixel width as proof of its browser viewport.

Set and reuse the settings in Playwright

Set the viewport and device scale factor on the browser context, and set screenshot scale explicitly. This runnable example captures the visible viewport; replace the URL with the product page you are authorized to capture.

Rank #2
Zeadio Smartphone Camera Stabilizer, All-in-One Video Rig Kit with Phone Cage, RGB Video Light, Microphone, Action Camera Adapter, Compatible with Smartphones, Action Camera, DSLR, Cameras etc
  • 【Complete All-in-One Filmmaking Solution】This professional video kit includes everything you need to shoot studio-quality videos immediately: ergonomic U-shaped stabilizer handle, universal phone cage, action camera mounting adapter, RGB LED fill light, and directional shotgun microphone. No need to purchase separate accessories, saving you both time and money.
  • 【Curved U-handle Stabilizer】Equipped with 3 cold shoe mount on the top and 2 universal 1/4" screw on the base, allowing you to simultaneously mount your camera, smartphone, external monitor, microphone, LED light, and other accessories. Multiple configuration options adapt to all your shooting needs.
  • 【Variable Smartphone Video Cage】Rich expansion options, including 3 cold shoe mounts and five 1/4" threaded holes, offering a secure and versatile camera grip for dynamic filming. Comes with a detachable handle grip,ideal for recording different wonderful angles quality Videos. Works seamlessly with all smartphones (with or without a protective case, fits 4.7"-6.7" screens).
  • 【Creative Lighting & Control】Adjustable iPhone light offers 102 LEDs (30 RGB + 72 high-CRI LED) deliver 800lm at 120° with CRI95+ sunlight accuracy. This small rgb light offers 10%-100% dimming for studio-quality led light anywhere. 【Tips】If the product does not light up when turned on, please charge it before use.
  • 【External Microphone】 Compatible with iPhone, Android, cameras, camcorders, recorders, tablets, and laptops,ideal for recording YouTube Vlogs, Tik Tok, interviews, family vacation trips, live music, outdoor events, etc. 【Tips】Use a straight TRRS cable (not curved) and connect the "L" end to the microphone for proper function.
import { chromium } from 'playwright';

const browser = await chromium.launch();
const context = await browser.newContext({
  viewport: { width: 1280, height: 720 },
  deviceScaleFactor: 1,
});
const page = await context.newPage();
await page.goto('https://example.com/product', { waitUntil: 'networkidle' });
await page.screenshot({ path: 'price.png', fullPage: false, scale: 'css' });
await browser.close();

The 1280 × 720 dimensions are an example only. Use the same context settings for each capture in a comparison. If you intentionally emulate a high-density device, set the corresponding device scale factor and preserve it across captures. Playwright also allows page-level viewport resizing; avoid changing it unless the test specifically requires a different size. Playwright emulation documentation

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.

Choose viewport-only or full-page capture

A viewport screenshot records what is visible in the browser window. A full-page screenshot extends to the page’s scrollable content and therefore has different framing and dimensions. For a price comparison, viewport-only capture is often easier to align when the price and product identity are visible together. Use full-page capture when the relevant details are farther apart or the full listing is itself what you need to retain. Do not mix the two modes in one visual comparison. Playwright screenshot documentation

Rank #3
Magnetic Phone Vlog Selfie Monitor Screen, Back Camera Monito with Remote Controller, 1080P Display Wireless Connect, Compatible with iPhone/Android Phones, for Vlog, Live Stream, Travel Selfies
  • 🎥 Crystal-Clear Live Preview: Features a 4.02-inch HD screen with a resolution of 480*800 pixels and a full viewing angle, providing a sharp, real-time preview of your camera feed. Perfectly frame your shots for photos, 1080P videos, and live streams without any guessing.
  • ⚡️ Long-Lasting Battery & Portability: Powered by a built-in 1500mAh rechargeable battery that offers up to 3 hours of continuous use. Combined with its ultra-lightweight design (only 150g) and compact size, it's the perfect on-the-go companion for all-day vlogging and content creation.
  • 📱 Universal Wireless Compatibility: Effortlessly connect your smartphone wirelessly! Supports AirPlay for iOS and Miracast for Android devices for seamless screen mirroring. No messy cables needed, just instant, stable connectivity for hassle-free operation.
  • 🔄 Multi-Functional Hub: It's more than a selfie screen! Perfect for live streaming, recording vlogs, online teaching, video conferences, and even screen sharing. Its versatile design makes it an essential tool for creators, professionals, and anyone who communicates online.
  • 🧲 【N52 Strong Magnetic Attachment & Universal Fit】 Features a powerful N52 magnet for instant, secure attachment to magnetic phone cases. A complimentary metal plate is included to easily add compatibility to ANY other smartphone model, making it the most versatile magnetic selfie monitor available.

Control the environment for repeatable comparisons

A fixed viewport helps, but it cannot guarantee pixel-identical rendering across different operating systems, browser versions, hardware, browser settings, or headless configurations. Playwright advises: “For consistent screenshots, run tests in the same environment where the baseline screenshots were generated.” Keep the browser and execution environment aligned with the baseline when possible. Playwright visual comparison documentation

Save the capture settings alongside each image, in a filename, manifest, or other metadata:

Rank #4
Selfie Monitor Screen for iPhone & Android, 4K Magnetic Back Camera Monitor Video Recording Vlog Screen Mirroring Remote Zoom Vlogging for Vlog YouTube TikTok Content Creator Essentials
  • Real-time Screen Phone Sharing Monitor: FMC Vlog Selfie Monitor Screen delivers real-time screen sharing, letting you preview your phone display instantly. With its magnetic design, it easily attaches to the back of your phone, using higher-resolution back camera for selfie, livestream or TikTok Creation without guesswork or blurry footage
  • iPhone screen mirroring connection: step1, long press power button 3s to turn on; step 2, swipe down from top right corner of phone screen, tap "screen miooring" lcon to seach; step 3, select "T20--xxxxx"; step 4: enter password:1234 if promted.
  • HD Display Quality & Smart Viewing Features: This Phone Screen Monitor features a 1080P HD display, supporting 4K 30fps video, giving you a clear, real-time view of your phone's camera feed. With three adjustable brightness levels, you'll see every detail clearly whether in harsh sunlight or low-light environments. Easily switch between full screen and aspect-ratio scaling, and use the one-tap 180 screen rotation to adapt your view instantly
  • Portable & Lightweight Design: Weighing only 0.22 lbs and just 3.97 inches, this selfie monitor fits right into your pocket for creators on the go. With a universal Type-C charging port, recharging is fast and convenient using your phone cable. Each package includes a Bluetooth remote control, allowing you to take hands-free shots and start recording remotely with just one click
  • Widely Compatible with Multiple Devices: This wireless connection technology supports iOS 9.0 or above, Android 2.0 or above, HarmonyOS 3.0 or above, MagicOS 4.0 or above. Compatible with mainstream smart phone devices, no need for additional accessories, ready to use
  • Viewport width and height.
  • Device scale factor and screenshot scale.
  • Viewport-only or full-page mode.
  • Browser and version, plus operating system or execution environment.
  • Capture date.

Chrome DevTools device mode also exposes viewport and device emulation controls; viewport dimensions and device pixel ratio are distinct settings there as well. Chrome DevTools device mode documentation

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

Troubleshoot inconsistent price screenshots

  • The price moves or wraps: Check that both viewport width and height match. A width change can trigger a different responsive layout.
  • The images have different pixel dimensions: Compare screenshot scale and device scale factor as well as the CSS viewport. Device-pixel output can be larger than CSS-pixel output.
  • One screenshot includes more of the page: Confirm that both captures use the same mode; viewport and full-page screenshots have different framing.
  • The settings match but pixels still differ: Check browser version, operating system, hardware, browser settings, and headless mode. Matching viewport values alone does not control those rendering variables.
  • The screenshot omits identifying context: Adjust the chosen viewport so the price and enough product information are visible together, then use those dimensions consistently for subsequent captures.
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 can capture a page through one GET request. Cookie and consent banners, newsletter popups, and chat widgets are removed before capture; those steps can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers report the page verdict and whether the request was billed. Its MCP server provides screenshot tools for AI agents using Claude, Cursor, or another MCP client.

Use explicit dimensions and other capture parameters as needed; see the ScreenshotNeo API documentation. This example saves a WebP response for a product page:

Best Value
BoyKeep Indoor Camera - 2K Pet Camera, 5G/2.4GHz WiFi Cam for Baby Monitor with Phone App, 360° Pan & Tilt, 2-Way Audio, Color Night Vision, New for 2026 with 12s Free Cloud Storage
  • 【2-Way Talk, One-Touch Connection】Indoor Camera enables instant communication with a single touch, thanks to its built-in two-way audio. This enhances both safety and convenience for your family. When children or seniors need assistance, they can simply press the one-touch call button on the Wi-Fi Camera to initiate an immediate call.
  • 【Clear 2K Images, Color Night Vision】Baby Monitor delivers ultra-clear 2K resolution, combined with full-color night vision for complete around-the-clock monitoring. Even in total darkness, the camera captures vivid color images, helping you monitor your yard or room and identify any potential threats or intruders.
  • 【Supports 5G & 2.4G Connectivity】Pet Camera supports both 5GHz and 2.4GHz Wi-Fi for fast, low-latency video transmission, making it ideal for real-time pet monitoring. Whether you're checking on your cat or seeing what your dog is up to while you're away, this Security Camera ensures smooth performance.
  • 【360° Wide-Angle View, Motion Tracking】WiFi Camera features a 360° panoramic view, capable of panning 355° and tilting 110° for complete room coverage. Once motion is detected, it activates smart motion tracking, automatically following the movement. You can also set specific zones for targeted monitoring.
  • 【Zero-Cost Cloud Storage】This Indoor Monitoring Camera offers free lifetime cloud storage (activation required via app). It stores 12-second motion-detection clips from the last 24 hours on secure AWS servers. You can also use a microSD card (up to 256GB, not included) or upgrade to a premium cloud plan for continuous recording.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com/product -o shot.webp

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

Frequently Asked Questions

Is 1280 × 720 the best viewport for product price screenshots?

No. It is a Playwright configuration example, not a product-price standard. Choose dimensions that show the price and enough product context for your purpose.

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

Does setting the same viewport guarantee identical screenshots?

No. Browser version, operating system, hardware, settings, and headless mode can affect rendering too.

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
Outdated Drivers Are Slowing You DownFree scan - exact matches
Windows Errors? Fix Them Before They SpreadFree repair scan

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.