Halloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsPC HealthRecommendedCrashes, freezes, slowdowns? Check your PC nowSpot repairable issues before they interrupt work.Check PCHalloween DealsAmazon USOctober picks are moving - compare before checkoutAmazon US: current deals, useful picks and tech finds.See Picks×
Skip to content
World desk4 min

How to Fix Blurry Website Screenshots on Retina Displays

Retina screenshots may use CSS-pixel or device-pixel dimensions. Check devicePixelRatio, choose Playwright’s screenshot scale for your use, and troubleshoot softness that persists.
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

First check whether your screenshot is being captured at CSS-pixel size or device-pixel size. On a Retina or other high-density display, those are different dimensions: in Playwright, set scale: "device" for a higher-resolution image, or scale: "css" for an image whose pixel dimensions match the page’s CSS dimensions. A scale setting cannot fix low-resolution images inside the page or softness introduced by resizing later.

Why a screenshot can look blurry on a Retina display

Web pages are laid out in CSS pixels, while a high-density display can use multiple physical pixels to represent one CSS pixel. The browser’s window.devicePixelRatio reports the ratio of physical pixels to CSS pixels. MDN gives 2 as an expected value on HiDPI/Retina displays, but the actual value can depend on the display and its configuration. MDN: Window.devicePixelRatio

As an Amazon Associate I earn from qualifying purchases.

Consequently, a page that is 1,200 CSS pixels wide may be represented by 2,400 physical pixels when the ratio is 2. A screenshot saved at one output pixel per CSS pixel will have fewer pixels than one saved at device-pixel resolution. The first can look soft when enlarged to fill a high-density display; the second has more detail but larger dimensions and files.

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

Check the device pixel ratio and screenshot dimensions

Inspect the browser’s ratio

  1. Open the page in the browser and open its developer console.
  2. Run window.devicePixelRatio.
  3. Record the returned value alongside the screenshot’s pixel dimensions and the browser viewport dimensions.

The ratio helps explain why dimensions differ; it is not a direct measurement of screenshot sharpness. When diagnosing a blurry capture, note the tool and browser as well as the ratio and the tool’s screenshot scale setting.

#1 Best Overall
Sale
Dell 27 Monitor S2725QS, 4K UHD IPS, 120Hz, 5ms, FreeSync Premium | 350 cd/m2 Brightness, 1,500:1 Contrast, 99% sRGB, Anti-Glare, HDMI, DisplayPort, USB‑C, Height Adjustable, Swivel, Pivot
  • Improved ComfortView Plus: Reduces harmful blue light emissions to ≤35%, for all-day comfort without sacrificing color accuracy.
  • Refresh rate: A smooth, tear-free experience with AMD FreeSync Premium (refresh rate up to 120Hz) and an ultra-low 0.03ms response time create a captivating experience for work and play.
  • Vivid colors: Immerse yourself in breathtaking 4K visuals with in-plane switching technology. Enjoy vibrant colors with 99% sRGB. The 1500:1 contrast ratio and HDR readiness deliver excellent depth and detail.
  • Re-engineered sound quality: Enjoy more detailed sound with spacious audio featuring greater output power, deeper frequency response and more decibel range than the previous generation.
  • Ultra-thin bezel: Designed with a sleek, modern aesthetic and an ash white finish, this display features ultra-thin bezels for a refined, minimalist design.

Choose the right Playwright screenshot scale

Playwright’s screenshot API offers two relevant values for its scale option. Choose based on the intended deliverable, rather than assuming that the largest output is always preferable. Playwright screenshot API

Scale Output Best suited to Trade-off
"device" Captures at device-pixel resolution. High-resolution review where fine detail matters. Larger pixel dimensions and image files on high-DPI devices.
"css" Produces one output pixel per CSS pixel. Compact images aligned with CSS layout dimensions. Less pixel detail than device-scale output on a high-DPI display.

These outputs have different target dimensions, so do not judge them as though they were intended to be the same size. Use device scale when detail is the priority; use CSS scale when matching CSS-pixel dimensions is the priority.

Rank #2
Sale
Samsung 32" Flat Computer Monitor | 75Hz Refresh Rate, Borderless Display, AMD FreeSync, Game Mode, Advanced Eye Care, HDMI and DisplayPort, LS32B304NWNXGO, 2024
  • ALL-EXPANSIVE VIEW: The three-sided borderless display brings a clean and modern aesthetic to any working environment; In a multi-monitor setup, the displays line up seamlessly for a virtually gapless view without distractions
  • SYNCHRONIZED ACTION: AMD FreeSync keeps your monitor and graphics card refresh rate in sync to reduce image tearing; Watch movies and play games without any interruptions; Even fast scenes look seamless and smooth.
  • SEAMLESS, SMOOTH VISUALS: The 75Hz refresh rate ensures every frame on screen moves smoothly for fluid scenes without lag; Whether finalizing a work presentation, watching a video or playing a game, content is projected without any ghosting effect
  • MORE GAMING POWER: Optimized game settings instantly give you the edge; View games with vivid color and greater image contrast to spot enemies hiding in the dark; Game Mode adjusts any game to fill your screen with every detail in view
  • SUPERIOR EYE CARE: Advanced eye comfort technology reduces eye strain for less strenuous extended computing; Flicker Free technology continuously removes tiring and irritating screen flicker, while Eye Saver Mode minimizes emitted blue light

Capture a sharper screenshot with Playwright

In Playwright, set scale explicitly in the screenshot options. This Node.js example opens a page and saves a device-scale PNG:

Free tools Windows power users keep installed

One-click scans. No signup required.

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

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage({ viewport: { width: 1200, height: 800 } });
  await page.goto('https://example.com');
  await page.screenshot({ path: 'shot.png', scale: 'device' });
  await browser.close();
})();

To save one output pixel per CSS pixel instead, change the screenshot call to await page.screenshot({ path: 'shot.png', scale: 'css' });. Playwright documents both values for this option. See the screenshot API options

Rank #3
Acer 27in FHD 1920x1080 IPS 120Hz Gaming Monitor | Office KB272 G0bi | 1ms, AdaptiveSync, sRGB 99%, HDMI, VGA, VESA Mountable, Bluelight Filter
  • Incredible Images: The Acer KB272 G0bi 27" monitor with 1920 x 1080 Full HD resolution in a 16:9 aspect ratio presents stunning, high-quality images with excellent detail.
  • Adaptive-Sync Support: Get fast refresh rates thanks to the Adaptive-Sync Support (FreeSync Compatible) product that matches the refresh rate of your monitor with your graphics card. The result is a smooth, tear-free experience in gaming and video playback applications.
  • Responsive!!: Fast response time of 1ms enhances the experience. No matter the fast-moving action or any dramatic transitions will be all rendered smoothly without the annoying effects of smearing or ghosting. A 120Hz refresh rate speeds up the frames per second to deliver smooth 2D motion scenes in gaming and video.
  • 27" Full HD (1920 x 1080) Widescreen IPS Monitor | Adaptive-Sync Support (FreeSync Compatible)
  • Refresh Rate: Up to 120Hz | Response Time: 1ms VRB | Brightness: 250 nits | Pixel Pitch: 0.311mm

If device-scale capture is still soft

Higher-resolution capture only changes the screenshot’s output scale. It cannot add detail that was not available in the captured page. Check whether the image file was resized after capture, and whether images displayed within the page are themselves low-resolution. Those are sensible next checks, but a soft result does not establish one universal cause.

  • Compare the saved pixel dimensions with the intended CSS-sized or device-sized output.
  • Check image-processing or export steps for resizing or compression after the screenshot was taken.
  • Inspect page assets that look soft in the browser itself; a screenshot scale setting does not increase their source resolution.
  • For a reproducible bug report, include the screenshot tool, browser, window.devicePixelRatio, selected scale, and saved image dimensions.

Or skip the browser setup

ScreenshotNeo is a website screenshot API and MCP server. Its screenshot API can return images or PDFs and offers a scale option; see the ScreenshotNeo API documentation for supported parameters. Here is a one-request example using device scale:

Rank #4
Apple Studio Display: Standard Glass, Tilt-Adjustable Stand
  • A SIGHT TO BE BOLD — An immersive 27-inch 5K Retina display, 12MP Center Stage camera with Desk View, advanced mics and speakers, and Thunderbolt 5 ports.* Studio Display is the perfect partner for Mac.
  • WITH FLYING COLORS — 14.7 million pixels, 600 nits of brightness, support for 1 billion colors, and P3 wide color make everything spring to life with spectacular detail.
  • ADVANCED CAMERA AND AUDIO — The 12MP Center Stage camera helps you look sharp in any light and keeps you in frame during video calls. Desk View lets you share your workspace. And a studio-quality three-mic array ensures you come through clearly.
  • SIX-SPEAKER SOUND WITH SPATIAL AUDIO — Four force-cancelling woofers produce bold bass, and two high-performance tweeters deliver accurate mids and crisp highs. And Spatial Audio creates a sophisticated, cinematic soundstage in supported music, video, and games.
  • SUPERPOWER YOUR STUDIO — Two Thunderbolt 5 ports let you connect high-speed accessories, daisy-chain up to four displays, and even fast-charge Mac laptops. And two USB-C ports are perfect for USB peripherals or charging your iPhone.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com --data-urlencode scale=device -o shot.webp

Cookie banners are accepted before capture and removed along with known consent platforms, newsletter popups and chat widgets; each cleanup step can be turned off. Bot checks, blank pages, timeouts, failed loads and cache hits cost nothing, with response headers indicating the page verdict and billing status. An MCP server lets AI agents use take_screenshot, get_page_info and capture_pdf. The Free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. Sign up for 1,000 free screenshots a month, with no card required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Frequently Asked Questions

Does a device pixel ratio of 2 apply to every Retina display?

No. MDN describes 2 as an expected value on HiDPI/Retina displays; the actual ratio depends on the display and configuration.

Will device-scale screenshots always have exactly twice the width and height?

Not necessarily. The output dimensions depend on the effective device pixel ratio and capture environment; inspect the ratio and saved dimensions rather than assuming a fixed multiplier.

Best Value
Dell 27 Monitor S2725QC, 4K UHD IPS, 120Hz, 99% sRGB, 4ms, FreeSync Premium | 3840x2160, 163 PPI, USB-C, HDMI, DisplayPort, Anti-Glare, Eye Comfort Technology, LED Edgelight System
  • Low blue light: The improved ComfortView Plus reduces harmful blue light emissions to ≤35%, for all-day comfort without sacrificing color accuracy.
  • Refresh rate: A smooth, tear-free experience with AMD FreeSync Premium (refresh rate up to 120Hz) and an ultra-low 0.03ms response time create a captivating experience for work and play.
  • Vivid colors: Immerse yourself in breathtaking 4K visuals with in-plane switching technology. Enjoy vibrant colors with 99% sRGB. The 1500:1 contrast ratio and HDR readiness deliver excellent depth and detail.
  • Re-engineered sound quality: Enjoy more detailed sound with spacious audio featuring greater output power, deeper frequency response and more decibel range than the previous generation.
  • Easy connectivity: Keep your desk organized and clutter-free with a single USB-C cable (up to 65W power delivery).

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.