FixFile
Images

Screenshots Look Blurry on Retina / HiDPI Displays

Screenshots you take appear blurry or low-resolution when viewed on a Retina Mac, 4K monitor, or HiDPI display.

Last updated

Screenshots Blurry on Retina Displays

Retina and 4K displays pack 2x or 4x the pixels into the same physical space. When a regular screenshot is displayed on one, it can appear blurry because it lacks enough pixels.

Why This Happens

A non-Retina screenshot is taken at 1x pixel density (e.g., 1280×800 for a 1280×800 display). On a 2x Retina display, that image is scaled up 2x to fill the same physical area, reaching the equivalent of 2560×1600 — but the image only has 1280×800 pixels, so it looks blurry.

Fixes

On Mac

  • Go to System Settings → Displays and check your resolution setting. If you're using a "Looks like X" scaled resolution, your screenshots will be at that logical resolution, not the native 2x pixels.
  • Use CleanShot X or Xnapper to capture at native Retina resolution.
  • Native macOS screenshots (⌘+Shift+3) on a Retina Mac do capture at 2x if your display is set to Retina resolution.

On Windows

  • Windows scales screenshots to your current DPI setting. At 150% scaling, a 1920×1080 screenshot may only be 1280×720.
  • Use ShareX with Retina/DPI-aware capture settings.

For Web/App Screenshots

  • Embed a device-pixel-ratio aware screenshot by using browser dev tools at 2x zoom before taking the screenshot.

Quick Fix

Resize the blurry screenshot up using AI upscaling tools to add missing detail.

Advertisement

Frequently asked questions

Why do my screenshots look blurry on a Retina or HiDPI display?

A Retina display renders at 2× or 3× the logical pixel density. If your screenshot was taken at logical (1×) resolution and is displayed at native physical size, the image is being upscaled — making it look soft. Take screenshots at the full native resolution or account for the scale factor when embedding images in HTML.

How do I take a sharp screenshot on a Mac with Retina display?

macOS screenshots (Cmd+Shift+4 or Cmd+Shift+5) already capture at full Retina resolution. The resulting PNG is 2× the logical screen dimensions. When embedding in a webpage, set the image's CSS width to 50% of its pixel dimensions, or use srcset="image.png 2x" to tell the browser it's a 2× image.

Why do website screenshots look blurry when I zoom in?

The website is serving standard-resolution images. On a Retina display, the browser renders 1 logical pixel as 4 physical pixels (2×2 grid) — a 1× image looks sharp at 50% zoom but blurry at 100%. Fix: serve 2× images via the srcset attribute, use vector SVGs for icons and logos, or use a CDN that auto-converts images to HiDPI format.