Screen size guide
13-inch MacBook Pro Resolution: Native Pixels and Scaled Modes
Find the 13-inch MacBook Pro resolution: 2560 x 1600 native pixels for Retina, M1 and M2 models, plus scaled modes, PPI, CSS viewport and DPR notes.
Last checked: 2026-05-08
How we calculate this
Methodology and source handling
We calculate pixel dimensions from the visible size values, aspect ratios, DPI/PPI formulas, and source notes on this page.
Quick answer
Copy-ready answer
Most Retina 13-inch MacBook Pro models use 2560 x 1600 native resolution. Common Apple silicon 13-inch MacBook Pro models list a 13.3-inch Retina display at 2560 x 1600 px and 227 ppi. Many models also offer scaled resolutions such as 1680 x 1050, 1440 x 900, and 1024 x 640.
Dimensions and specs
| Native pixels | 2560 x 1600 px | |
|---|---|---|
| Aspect ratio | 16:10 | |
| Display size | 13.3 in | |
| Pixel density | 227 ppi |
Formula
How to interpret screen pixels
Export at the recommended pixel canvas before upload or handoff.
Reduce width and height by their greatest common divisor.
Use fit for no crop, fill or center crop for exact coverage, or pad when borders are acceptable.
Export checklist
Before you upload
Use native resolution for screenshots, video frames, and image sharpness checks.
Use CSS pixels for responsive layout breakpoints and browser QA.
Check device pixel ratio, zoom, browser chrome, and OS display scaling before judging layout.
Common mistakes
Common 13-inch MacBook Pro Resolution mistakes
A display can have thousands of hardware pixels while the browser exposes a much smaller CSS viewport.
Retina, HiDPI, browser zoom, and OS scaling change how many physical pixels map to one CSS pixel.
Phone and tablet screenshots, app previews, and responsive layouts can change sharply between portrait and landscape.
Calculator
Check aspect ratio and screen pixels
Use the prefilled target, swap orientation if needed, and copy the reduced ratio before preparing screenshots or previews.
Workflow
How to check your exact 13-inch MacBook Pro model
- Open the Apple menu.
- Choose About This Mac.
- Note the model name and year.
- Open System Settings > Displays.
- Check the display scaling options.
- For exact source specs, search the model name plus technical specifications on Apple Support.
Fast lookup
13-inch MacBook Pro resolution table
| Model family | Native resolution | Display size | Pixel density | Notes |
|---|---|---|---|---|
| 13-inch MacBook Pro M2, 2022 | 2560 x 1600 px | 13.3 in | 227 ppi | Retina display. |
| 13-inch MacBook Pro M1, 2020 | 2560 x 1600 px | 13.3 in | 227 ppi | Retina display; common scaled modes listed in Apple specs. |
| 13-inch MacBook Pro Retina, 2015-2020 class | 2560 x 1600 px | 13.3 in | 227 ppi | Common resolution across many Retina 13-inch Pro models. |
| Older non-Retina 13-inch MacBook Pro | Varies by model | 13.3 in | Varies | Verify the exact model identifier before using a value. |
Scaling
Common scaled resolutions
| Scaled mode | How to think about it |
|---|---|
| 1680 x 1050 | More workspace, smaller UI. |
| 1440 x 900 | Balanced workspace for many users. |
| 1024 x 640 | Larger UI, less workspace. |
A scaled mode is not the same thing as the native panel resolution. The panel can still be 2560 x 1600 px while macOS presents a smaller logical workspace.
Retina scaling
Native resolution vs looks-like resolution
If your 13-inch MacBook Pro says it looks like 1440 x 900, that does not mean the panel is only 1440 x 900 pixels. Retina scaling maps the native display to a logical workspace.
| Value | Use it for |
|---|---|
| Native pixels | Screenshots, image sharpness, hardware comparison. |
| Scaled resolution | How much workspace macOS gives you. |
| CSS viewport | Web layouts and responsive breakpoints. |
| DPR | Understanding how physical pixels map to CSS pixels. |
Ratio
13-inch MacBook Pro aspect ratio
The native 2560 x 1600 resolution reduces to 16:10. This is useful for app screenshots, presentation previews, coding workspace comparisons, responsive layout checks, and image resizing before display on Retina screens.
Web layouts
When to use a separate browser viewport value
Use a CSS viewport value when you are checking a website, app layout, or responsive design. A website does not see the same number as the MacBook Pro physical pixel panel. Browser chrome, zoom, macOS scaling, and device pixel ratio all affect the viewport.
Related
Related pages and tools
Same branch
Nearby pages
FAQ
Common questions
What is the 13-inch MacBook Pro screen resolution?
Most Retina 13-inch MacBook Pro models use 2560 x 1600 native pixels. Common Apple silicon 13-inch models list this as a 13.3-inch Retina display at 227 ppi.
Is 13-inch MacBook Pro 2560 x 1600 or 1440 x 900?
The panel is commonly 2560 x 1600 native pixels. A 1440 x 900 value is usually a scaled logical workspace or browser-related value, not the native panel pixel count.
What aspect ratio is 2560 x 1600?
2560 x 1600 reduces to 16:10.
Why does my 13-inch MacBook Pro show 1280 x 800?
You may be seeing a logical Retina workspace or a CSS viewport-like value. Check the display settings, scaling mode, screenshot dimensions, and browser viewport separately.
Should I export screenshots at 2560 x 1600?
Use 2560 x 1600 for full native-display screenshot planning. If you are exporting an image for a browser layout, use the CSS display size and DPR instead.
References
Sources and references
13-inch MacBook Pro values are reviewed against Apple Support model specifications and MDN devicePixelRatio documentation.
-
Apple MacBook Pro specs
Official Apple specifications for current 14-inch and 16-inch MacBook Pro native display resolution and pixel density.
-
Apple Support: MacBook Pro 13-inch M2 tech specs
Official Apple Support specifications for the 13-inch MacBook Pro M2 display.
-
Apple Support: MacBook Pro 15-inch 2019 tech specs
Official Apple Support specifications for the 15-inch MacBook Pro Retina display and scaled resolutions.
-
MDN devicePixelRatio
Browser reference for the relationship between physical pixels, CSS pixels, and device pixel ratio.
Last checked: 2026-05-08