5:4 aspect ratio
5:4 is a nearly square landscape ratio with a decimal value of exactly 1.25. It is the shape of the 1280 by 1024 monitor and of the 8 by 10 inch print.
At a glance
- Ratio
- 5:4
- Decimal value
- 1.25 (width divided by height)
- CSS aspect-ratio
- aspect-ratio: 5 / 4;
- Common pixel dimensions
- 1280 x 1024, 2400 x 1920, and 8 x 10 inch prints at any resolution
- Suits
- Portrait photography printed at 8 by 10, and squarish display panels
- Struggles with
- Video, widescreen layouts and anything sharing a library with 4:3 content
In detail
The 1280 by 1024 panel was extremely common for a decade and it is the reason a lot of people met this ratio without knowing it. Its native shape is 5:4 at 1.25, but the operating systems and games of the era frequently assumed a 4:3 desktop at 1.333, so circles rendered as ovals and nobody could say why.
The other place it turns up is the 8 by 10 inch print, which is 5:4 exactly and is one of the most common frame sizes sold. That is the trap for anyone printing photographs: a 3:2 camera frame at 1.5 does not fit an 8 by 10, so every such print involves cropping roughly a sixth off the long side.
It is worth keeping distinct from 4:3, which it superficially resembles. The gap between 1.25 and 1.333 is about seven percent, which is small enough to look like a rendering artefact and large enough to be visible on a face, so mixing content authored for the two in one layout produces subtle distortion rather than an obvious error.
There is no 5:4 preset in the cropper, whose fixed ratios are 1:1, 4:3, 16:9, 3:2, 2:3 and 9:16. Enter 5 and 4 as a custom ratio, or work the height out from the width with the calculator first. Doing the arithmetic before the crop is worth the extra step here, because 5:4 is close enough to 4:3 that a mistake is easy to miss on screen.
Examples
1280 x 1024 -> 5:4, 1.25
8 in x 10 in -> 5:4 in portrait
// at 300 dpi, 8 x 10 is 2400 x 3000 pixelssource at 3:2 -> 3000 x 2000
8 x 10 crop -> 2500 x 2000
cropped away -> 500 pixels of width, about a sixth of the frameThings that catch people out
- 5:4 and 4:3 are seven percent apart. Content authored for one and displayed at the other is distorted just enough to look wrong without looking obviously broken.
- An 8 by 10 print of a standard camera frame is always a crop. Compose with margin at the sides if you know the destination.
- 1280 by 1024 is a 5:4 panel. Assuming it is 4:3 was the original cause of the stretched desktop problem and the assumption still turns up in old code.
Try it: Aspect Ratio Calculator
Enter a width and a height, or a ratio and one dimension, and it solves the missing one, simplifies the ratio, counts the megapixels and gives you a copyable CSS value.
Aspect Ratio Calculator
LOCAL · Browser-OnlyCalculate and convert aspect ratios for images, videos, and screens
1920 x 1080px · 16:9 · 1.7778:1
Common Aspect Ratios Reference
| Ratio | Decimal | Common Use |
|---|---|---|
| 16:9 | 1.778 | Widescreen TV, YouTube, monitors |
| 4:3 | 1.333 | Classic TV, iPad, presentations |
| 1:1 | 1.000 | Instagram square, profile pictures |
| 21:9 | 2.333 | Ultrawide monitors, cinema |
| 9:16 | 0.563 | Phone vertical, TikTok, Reels |
| 3:2 | 1.500 | 35mm photography, MacBook |
| 2:3 | 0.667 | Portrait photography, posters |
| 5:4 | 1.250 | Large format photography, older monitors |
| 32:9 | 3.556 | Super ultrawide monitors |
| 2.39:1 | 2.390 | Anamorphic cinema, widescreen films |
Related Image and canvas sizes
All image and canvas sizes →4:3 aspect ratio
The 1.333 ratio that ran television and computer monitors for decades, where it still appears today, and how it compares to the widescreen shapes.
3:2 aspect ratio
The 1.5 ratio inherited from the 35mm film frame, the sensors and laptop screens that still use it, and how it sits between 4:3 and 16:9.
1:1 aspect ratio
The square ratio, its origins in medium format film and social feeds, why it is the most reusable shape, and where it wastes space.
32:9 aspect ratio
The super ultrawide ratio at 3.5556, exactly double 16:9, the panels that use it, and why a layout at this width needs columns rather than wider text.
2.39:1 aspect ratio
The widescreen cinema ratio at 2.39, why it used to be 2.35, how anamorphic lenses produced it, and what it means for a video framed this way.
What is an aspect ratio?
Aspect ratio is width divided by height, and it says nothing about resolution or file size. How to simplify one, read it as a decimal, and use it correctly.
Tools for this
- Aspect Ratio Calculator Free online aspect ratio calculator - calculate and convert aspect ratios for images, videos, and screens
- Image Cropper Free online image cropper - crop images with preset aspect ratios and free-form selection