Free Aspect Ratio Calculator — Find & Calculate Ratios Online

You are resizing a 1920x1080 image for Instagram. You need to know the new height if the width is 1080. You are embedding a YouTube video and want it to scale responsively without black bars. You are setting up a print layout and need to convert between inches and pixels at the right proportion. All of these problems come down to aspect ratios.

Our free aspect ratio calculator finds the ratio of any dimensions, converts between sizes while maintaining proportion, and helps you pick the right dimensions for any platform. Runs entirely in your browser — no data sent anywhere.

What Is an Aspect Ratio?

An aspect ratio is the proportional relationship between width and height, written as width:height. It describes the shape of a rectangle without specifying its exact size. A 16:9 ratio means the width is 16 units for every 9 units of height — whether those units are pixels, inches, centimeters, or meters.

The math is simple. Take any width and height, divide both by their greatest common divisor (GCD), and you get the simplified ratio. For 1920x1080: the GCD of 1920 and 1080 is 120. So 1920/120 = 16 and 1080/120 = 9. The ratio is 16:9.

This is why a 1920x1080 monitor, a 1280x720 video, and a 3840x2160 TV all look the same shape — they are all 16:9. Different sizes, same proportions.

Common Aspect Ratios and Where They Are Used

Ratio	Decimal	Common Resolutions	Used For
1:1	1.0	1080x1080, 500x500	Instagram square, profile pictures, thumbnails
4:3	1.33	1024x768, 640x480	Old TVs, iPad, presentations, classic photography
3:2	1.5	1080x720, 6000x4000	DSLR photos, 35mm film, Surface devices
16:10	1.6	1920x1200, 2560x1600	MacBooks, some monitors, productivity displays
16:9	1.78	1920x1080, 2560x1440, 3840x2160	YouTube, TV, most monitors, streaming
21:9	2.33	2560x1080, 3440x1440	Ultrawide monitors, cinematic video
9:16	0.56	1080x1920	TikTok, YouTube Shorts, Instagram Reels/Stories
4:5	0.8	1080x1350	Instagram portrait (best for feed engagement)
2:3	0.67	1000x1500	Pinterest pins

Platform-Specific Sizes (YouTube, Instagram, TikTok)

YouTube

Standard video: 16:9. Upload at 1920x1080 (1080p) minimum, ideally 2560x1440 (1440p) or 3840x2160 (4K). Thumbnails: 1280x720 (also 16:9). YouTube Shorts: 9:16 at 1080x1920. If your video does not match 16:9, YouTube adds black bars — letterboxing (horizontal bars) for wider content, pillarboxing (vertical bars) for taller content.

Instagram

Feed posts support three ratios: 1:1 (1080x1080 square), 4:5 (1080x1350 portrait), and 1.91:1 (1080x566 landscape). For maximum feed real estate and engagement, use 4:5 portrait — it takes up the most screen space as users scroll. Stories and Reels use 9:16 (1080x1920).

TikTok

Full screen vertical: 9:16 at 1080x1920. This is the native format. Horizontal videos play in a smaller window with blurred background fill, so always shoot vertically for TikTok.

Facebook and LinkedIn

Shared link previews: 1.91:1 (1200x630). This is the Open Graph standard. Video: 16:9 (landscape) or 1:1 (square, often better engagement on mobile). Cover photos: Facebook 820x312, LinkedIn 1584x396.

Twitter/X

In-stream images: 16:9 (1200x675). Card images: 1.91:1 (1200x628). GIFs and videos: 16:9 preferred. Profile header: 1500x500 (3:1).

Sell Custom Apparel — We Handle Printing & Free Shipping

How the GCD Algorithm Calculates Ratios

The greatest common divisor (GCD) is the largest number that divides both width and height evenly. The most efficient way to find it is the Euclidean algorithm, which has been used since 300 BC:

1. Take two numbers: 1920 and 1080
2. Divide the larger by the smaller: 1920 / 1080 = 1 remainder 840
3. Replace the larger number with the remainder: now work with 1080 and 840
4. Repeat: 1080 / 840 = 1 remainder 240
5. 840 / 240 = 3 remainder 120
6. 240 / 120 = 2 remainder 0
7. When the remainder is 0, the last divisor (120) is the GCD

Divide both dimensions by the GCD: 1920/120 = 16, 1080/120 = 9. The aspect ratio is 16:9.

Some dimensions produce unexpected ratios. For example, 1366x768 (a common laptop resolution) simplifies to 683:384 — not a clean ratio. In practice, it is approximately 16:9 (actually 16:8.99...) but the pixels do not divide perfectly. Our calculator shows both the exact simplified ratio and the closest standard ratio.

Aspect Ratios in Responsive Web Design

Modern CSS has a dedicated aspect-ratio property that makes responsive design dramatically easier:

img { aspect-ratio: 16 / 9; width: 100%; height: auto; }

This tells the browser to maintain the 16:9 proportion as the image scales to different viewport widths. Before this property existed (pre-2021), developers used the "padding-top hack" — setting padding-top: 56.25% (which is 9/16 * 100%) on a container to create a 16:9 space.

Why this matters: without a defined aspect ratio, images cause Cumulative Layout Shift (CLS) — the page jumps around as images load because the browser does not know how much space to reserve. CLS is a Core Web Vital that affects your Google search ranking. Using aspect-ratio or explicit width and height attributes eliminates this problem.

How to Choose the Right Aspect Ratio

1. Start with the platform. If you are creating content for a specific platform (YouTube, Instagram, TikTok), use their standard ratio. Fighting the platform's layout always looks worse.
2. Consider the device. Most phones are 9:19.5 to 9:21 (very tall). Desktop monitors are 16:9 to 21:9 (wide). Design for the device your audience uses most.
3. Wider ratios feel cinematic. 21:9 and 2.39:1 create a movie-like feel. Use for dramatic hero sections, product showcases, and video content.
4. Taller ratios dominate mobile feeds. 4:5 and 9:16 take up more screen space on phones, which drives higher engagement in social feeds.
5. Square is the universal safe bet. 1:1 works everywhere — feeds, thumbnails, profile pictures, and responsive layouts. It is never perfect for any platform but never terrible either.

Frequently Asked Questions

What is an aspect ratio?

An aspect ratio describes the proportional relationship between width and height, expressed as two numbers separated by a colon (like 16:9). It tells you the shape of an image or video without specifying exact pixel dimensions. A 16:9 image could be 1920x1080, 1280x720, or 3840x2160 — all different sizes, same shape.

What aspect ratio does YouTube use?

YouTube's standard player uses 16:9 (widescreen). Upload your videos at 1920x1080 (1080p), 2560x1440 (1440p), or 3840x2160 (4K). YouTube Shorts use 9:16 (vertical, 1080x1920). If you upload a different ratio, YouTube adds black bars (letterboxing/pillarboxing) to fit.

What aspect ratio is best for Instagram?

Instagram supports multiple ratios: 1:1 (1080x1080) for square feed posts, 4:5 (1080x1350) for portrait feed posts (takes up more screen space, recommended for engagement), 16:9 (1080x608) for landscape, and 9:16 (1080x1920) for Stories and Reels. Portrait 4:5 generally performs best in the feed because it occupies more of the viewer's screen.

How do I calculate the aspect ratio of an image?

Divide both the width and height by their greatest common divisor (GCD). For example, 1920x1080: GCD of 1920 and 1080 is 120, so 1920/120 = 16 and 1080/120 = 9, giving a ratio of 16:9. Our calculator does this automatically — enter any dimensions and get the simplified ratio instantly.

What is the CSS aspect-ratio property?

The CSS aspect-ratio property (e.g., aspect-ratio: 16/9) tells the browser to maintain a specific width-to-height proportion for an element. It prevents layout shift when images or videos load — the browser reserves the correct space before the content arrives. Supported in all modern browsers since 2021.

What is the difference between 16:9 and 16:10?

16:9 is standard widescreen (TVs, YouTube, most monitors). 16:10 is slightly taller and was common on older MacBooks and some business laptops. The difference is subtle — 16:10 gives about 11% more vertical space, which some people prefer for productivity (more document/code visible). Common 16:10 resolutions: 1920x1200, 2560x1600.