What is Aspect Ratio.
A deep dive into the proportions of digital display screens, films, and photos. Understood simply as a ratio of width to height.
Need to resolve a ratio right now?
Use our interactive calculator below to lock your aspect ratio, convert pixel coordinates, scan images, or simulate video pillarboxes.
Go to CalculatorThe Proportions of Space
At its core, an **aspect ratio** is the proportional relationship between the width and the height of an image, frame, or screen. It is universally expressed as two numbers separated by a colon, in the format x:y, where x is the width and y is the height.
Crucially, an aspect ratio does not tell you the physical size of an image or its resolution in pixels. It only represents the **shape**. For example, a square image has an aspect ratio of 1:1, whether it is a small 150 × 150 pixel avatar or a massive billboards measuring 3000 × 3000 pixels.
The Mathematical Form
The aspect ratio $AR$ of a rectangle is calculated by dividing its width $W$ by its height $H$:
When expressing this as a simplified ratio of integers, we divide both the width and height by their **Greatest Common Divisor (GCD)**. For example, a computer monitor resolution of 2560 × 1440 pixels simplified using a GCD of 160 is:
- 2560 ÷ 160 = 16
- 1440 ÷ 160 = 9
- Final Aspect Ratio = 16:9 (often written as 1.78:1 in decimal format)
A Brief History of Standards
4:3 — The Academy Ratio & Early Television
In the early days of motion pictures, Thomas Edison's laboratory established the standard silent film frame size, which was later adopted as the official **Academy Ratio (1.37:1)**. When commercial television was introduced, it adopted a close variation, **4:3 (1.33:1)**. This remained the universal standard for television and computer monitors for over fifty years.
16:9 — The Widescreen Revolution
During the late 1980s, the Society of Motion Picture and Television Engineers (SMPTE) sought a compromise format that could accommodate various movie formats (including widescreen cinema) while transitioning television to high definition. The result was **16:9 (1.78:1)**. Today, 16:9 is the absolute standard for High Definition television, digital streaming, and computer displays.
21:9 & 9:16 — Ultrawides and Vertical Mobile
In recent years, display shapes have expanded in opposite directions. **21:9 (2.33:1)** monitors provide a cinematic field of view for gaming and professional spreadsheets. Conversely, the rise of smartphones has flipped the horizontal paradigm: **9:16 (0.56:1)** has become the dominant format for mobile content like TikTok, Instagram Reels, and YouTube Shorts.
Interactive Aspect Ratio Tool.
19.5:9 (modern phones) are fully supported and will not be truncated. Lock aspect ratio keeps the dimensions locked together.
Drag and drop your image here, or browse file
Supports JPG, PNG, WEBP, SVG. Processed locally in your browser.
Image Metadata
Social Media Crop Simulation
| Ratio Aspect | Decimal Value | Calculated Dimensions | Actions |
|---|
Enter arbitrary pixel coordinates (e.g. your system display resolution) and we will scan our presets database to find the closest matches.
Closest Presets Matches
How Aspect Ratio is Calculated.
An aspect ratio represents the proportional relationship between a shape's width and its height. Mathematically, it is written as a simplified fraction quotient of $W:H$.
If you have a set of pixel dimensions ($Width \times Height$) and want to determine their simplest integer aspect ratio, you must find the **Greatest Common Divisor (GCD)** of both numbers and divide each dimension by it:
Ratio Height = Height ÷ GCD(Width, Height)
For instance, for a standard Full HD display size of 1920 × 1080 px, the Greatest Common Divisor is 120:
1080 ÷ 120 = 9
Result = 16:9
function calculateGCD(width, height) {
width = Math.abs(width);
height = Math.abs(height);
// Euclid's subtraction algorithm
while (height) {
const temp = height;
height = width % height;
width = temp;
}
return width;
}
// Example Usage:
const gcd = calculateGCD(1920, 1080); // returns 12019.5:9 or 2.39:1 by dynamic multiplier shifts prior to computing modulo residues.
Standard Platform Dimensions.
A comprehensive database of social media asset sizes, dimensions, and standard aspect ratios. Use the search field below to instantly filter entries.