Why screenshots have unexpected dimensions on Retina
Find out why a Retina screenshot is larger or smaller than expected, how display scaling and capture methods affect its pixel dimensions, and what to check.
Your screenshot looks sharper or larger than the screen area you selected, or its pixel dimensions do not match the resolution in your display settings. On a Retina display, the size of the interface you see is not always the same as the number of pixels in the screenshot file.
Check the screen's reported resolution and scale, then compare those details with the actual image dimensions. This helps you tell whether display scaling, a browser capture, or an export setting caused the difference.
Check the screen and screenshot dimensions
- Open Screens and note the resolution and scale shown for the display where you took the screenshot. If you have multiple screens, make sure you are looking at the right one.
- Find the screenshot file and check its pixel dimensions. In Windows, right-click the file, choose Properties, then open Details. On macOS, open it in Preview and choose Tools › Show Inspector.
- Work out what area the capture included. A full-screen capture, a selected region, a browser tab, and a web page viewport can all produce different dimensions.
- Compare the file dimensions with the screen resolution. If the screenshot came from a browser or another app, check whether that app has an export size or scale setting. Also note the browser zoom level if you captured a page.
For another way to understand the numbers, see how to check device pixel ratio in your browser. The guide to comparing display scaling can help when you are checking more than one computer.
What the result means
The screenshot matches the display's pixel resolution
A full-screen capture may be recording the display's physical pixel grid, even if text and buttons look smaller because of scaling. For example, a screen with 2880 by 1800 physical pixels can show a desktop that feels closer to 1440 by 900 logical pixels at a 2x scale. The desktop interface uses the smaller logical coordinate space, while a capture may contain the larger physical pixel count.
The screenshot is about twice the browser viewport size
The capture may be saving device pixels rather than CSS pixels. CSS pixels are the units a web page uses to lay out content. On a display with a device pixel ratio of 2, a viewport that is 1200 by 800 CSS pixels can produce an image around 2400 by 1600 pixels when captured at device-pixel resolution. That is a common reason for a browser screenshot to look unexpectedly large.
The screenshot is smaller than the display resolution
You may have captured only the browser's page area or a selected region, rather than the whole screen. A browser screenshot can also be saved in CSS pixels, or resized during export. Check the capture source and its output options before changing display settings.
The dimensions differ between apps or computers
The capture methods may not use the same pixel units. One tool might save the page's CSS-pixel dimensions, while another saves device pixels or applies an export scale. Different screen scaling, browser zoom, or selected capture area can also change the result. A difference does not by itself mean the display is faulty.
How to get the dimensions you need
- Choose the right capture area. Use a full-screen capture when you need the whole desktop, or select a region when you only need one part. A browser page capture usually excludes the browser's tabs and address bar.
- Check the export scale. If the capture app offers an output scale or pixel-size setting, choose the one that matches the destination. Options vary, so look for terms such as CSS pixels, device pixels, scale, or image size rather than assuming every app uses the same units.
- Confirm the display settings. In Windows 11, open Settings › System › Display and check Display resolution and Scale. On macOS, open System Settings › Displays and check the selected resolution or display scaling option. Changing scale alters the size of interface elements, but it may not change how a particular capture method saves images.
- Reset browser zoom if the page capture is off. In most desktop browsers, press Ctrl + 0 on Windows or Command + 0 on macOS to return to the default zoom. Capture the page again and compare the file dimensions. This will not necessarily change a full-desktop screenshot.
- Resize a copy for a fixed requirement. If a form or design needs a specific image size, resize or crop a copy to that size in an image editor. Keep the original screenshot so you retain its uncropped detail.
Why Retina makes the difference visible
Retina is Apple's name for high pixel density displays. The same general issue appears on other high-resolution screens: the operating system can draw a comfortable-sized interface using logical pixels, then render it across a denser grid of physical pixels. The scale factor describes the relationship between those coordinate systems.
For a browser page, the relationship can be summarized as: device-pixel dimensions are approximately CSS-pixel dimensions multiplied by the device pixel ratio. This is only a useful estimate when the capture actually saves device pixels. A browser's screenshot feature, an operating system capture, and an image editor can handle scaling differently.
Screen resolution and scale help explain a screenshot, but they cannot tell you which capture method was used or whether an app resized the image. Check the screenshot file itself whenever the exact output dimensions matter.
