Aspect Ratio Calculator Guide: Common Ratios for Video & Design (2026)

Common Aspect Ratios and Where They're Used

Every screen, camera sensor, and social media platform has a native aspect ratio — the rectangular shape it was designed around. Using the wrong ratio means your content gets cropped, stretched, or padded with black bars. Here are the ratios you'll encounter most often.

According to SMPTE (Society of Motion Picture and Television Engineers) video standards, 16:9 became the global broadcast standard in the 2000s, replacing 4:3. The 9:16 format is simply 16:9 rotated 90° — designed for phones held vertically.

How to Calculate Aspect Ratio

The process has three steps. You find the GCD, divide both dimensions by it, and express the result as a ratio.

Step-by-Step: The GCD Method

Let's calculate the aspect ratio for a 2560×1440 resolution display.

Step 1 — Find the GCD using the Euclidean algorithm:
GCD(2560, 1440)
2560 = 1 × 1440 + 1120
1440 = 1 × 1120 + 320
1120 = 3 × 320 + 160
320 = 2 × 160 + 0
GCD = 160

Step 2 — Divide both dimensions by the GCD:
2560 ÷ 160 = 16
1440 ÷ 160 = 9

Step 3 — Write the ratio:
Result: 16:9

Converting Between Ratio Formats

Aspect ratios can also be expressed as decimal values or as a ratio relative to 1. For example:

The 1.91:1 ratio used by LinkedIn and some Facebook placements is actually 1200×628 pixels — close to the golden ratio. It doesn't simplify to a clean whole-number ratio, which is why you'll see it expressed as a decimal.

Don't want to do the arithmetic? Our aspect ratio calculator handles the GCD math and shows you any missing dimension instantly.

Aspect Ratios for Video Platforms

Each platform has upload specs that affect how your video looks. Upload the wrong ratio and your thumbnail gets cropped, your captions land behind a play button, or you lose screen real estate.

According to Meta for Creators, vertical video (4:5 and 9:16) receives significantly higher reach on Instagram because it occupies more of the mobile screen. If you're shooting one video to repurpose across platforms, shoot in 9:16 and crop to 16:9 for YouTube — not the reverse, since you can't add pixels you never captured.

Resizing Images Without Distortion

Distortion happens when you change one dimension independently. The fix is to always resize proportionally using the aspect ratio formula.

The Resize Formula

New height = (original height ÷ original width) × new width
New width = (original width ÷ original height) × new height

Example: you have a 3000×2000 photo and need it at 1200px wide.
New height = (2000 ÷ 3000) × 1200 = 0.667 × 1200 = 800px
Output: 1200×800 — same 3:2 ratio, no distortion.

Letterboxing, Pillarboxing, and Cropping

When your content ratio doesn't match the container, you have three options:

• Letterboxing — Black bars top and bottom. Used when content is wider than the frame (e.g., 21:9 film in a 16:9 player). Preserves all content.
• Pillarboxing — Black bars left and right. Used when content is narrower than the frame (e.g., 4:3 video in a 16:9 player). Preserves all content.
• Cropping — Cuts off edges to fill the frame. No black bars, but you lose part of the image. Common on Instagram when a horizontal photo is displayed square.

CSS Padding-Top Trick for Responsive Embeds

To maintain a 16:9 ratio for a video embed in a responsive layout, use the padding-top percentage method. Padding percentages are calculated relative to the element's width, so (9 ÷ 16) × 100 = 56.25% gives you a container that always maintains 16:9 regardless of screen width:

.video-wrapper {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
}
.video-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

For 4:3, use 75%. For 9:16 (vertical video), use 177.78%. This technique predates the CSS aspect-ratio property and still works in older browsers.

Print and Photography Aspect Ratios

Digital and print ratios rarely match. A photo shot on a DSLR in 3:2 won't fit a 4:6 print without a sliver being cropped — even though 4:6 is also 2:3 (3:2 rotated). The confusion usually comes from rounding.

The ISO 216 paper standard — which governs A4, A3, A5, and all other A-series sizes — is built on the √2 ratio precisely because halving a sheet produces another sheet of the same proportion. It's elegant math. US Letter doesn't share this property, which is why a Letter-sized document scaled to A4 always needs slight adjustment.

For photography, the gap between camera ratio and print ratio matters most for large prints. If you shoot 3:2 and print 8×10, about 11% of the image width gets cropped. Compose with that in mind — keep your subject away from the left and right edges.

Frequently Asked Questions

What is aspect ratio?

Aspect ratio is the proportional relationship between a frame's width and height, expressed as W:H. A 1920×1080 image has a 16:9 aspect ratio because both dimensions share a greatest common divisor of 120, simplifying 1920/120 = 16 and 1080/120 = 9. Aspect ratio tells you the shape of an image or screen — not its actual size.

How do I calculate aspect ratio from pixel dimensions?

Find the greatest common divisor (GCD) of the width and height, then divide both numbers by it. For a 2560×1440 image: GCD(2560, 1440) = 160. 2560 ÷ 160 = 16, 1440 ÷ 160 = 9. Result: 16:9. For a 1080×1080 image: GCD is 1080, so both divide to 1. Result: 1:1.

What aspect ratio does YouTube use?

YouTube uses 16:9 as its standard aspect ratio for all horizontal videos. According to the YouTube Creator Academy, 16:9 is the most common format for desktop and TV viewing. If you upload content with a different ratio, YouTube adds black bars (letterboxing or pillarboxing) to fill the 16:9 player frame.

What aspect ratio is best for Instagram?

It depends on the format. For feed posts, square (1:1) works universally. Portrait (4:5) takes up more screen space in the feed and typically drives higher engagement, according to Meta for Creators. For Instagram Stories and Reels, use 9:16 (1080×1920 pixels). For landscape feed posts, 1.91:1 is the supported ratio.

How do I resize an image without distorting it?

Use the aspect ratio formula: new height = (original height ÷ original width) × new width. For a 1920×1080 image resized to 1280 wide: new height = (1080 ÷ 1920) × 1280 = 720. So 1280×720 preserves the 16:9 ratio. Always lock the aspect ratio in your image editor before resizing.

What is letterboxing vs pillarboxing?

Letterboxing adds horizontal black bars above and below when content is wider than the frame — for example, showing a 21:9 film in a 16:9 player. Pillarboxing adds vertical black bars on the sides when content is narrower than the frame — for example, showing a 4:3 video in a 16:9 player. Windowboxing is when both sets of bars appear simultaneously.