Aspect Ratio Calculator – Maintain Proportions

What Is an Aspect Ratio?

An aspect ratio is the proportional relationship between width and height, expressed as two numbers separated by a colon (W:H). It defines the shape of a rectangle — whether it's wide, tall, or square — without specifying any actual dimensions. Aspect ratios are fundamental to photography, videography, graphic design, web development, and display manufacturing.

This calculator reduces any width × height pair to its simplest ratio using the Greatest Common Divisor (GCD) algorithm. It also calculates the correct new height when you want to scale to a different width, ensuring your images and videos never appear stretched or distorted.

For example, both 1920 × 1080 and 3840 × 2160 share the same 16:9 aspect ratio — they differ only in resolution. Understanding this distinction is critical for anyone working with digital media, because maintaining aspect ratio during resizing prevents the visual distortion known as "squishing" or "stretching."

Aspect ratios appear everywhere in daily life: your smartphone screen, your laptop display, the photos you post on social media, the videos you stream, and even the paper sizes you print on. The A4 paper standard, for instance, uses a √2:1 ratio (approximately 1.414:1), which allows sheets to be folded in half while preserving the same proportions.

Common Aspect Ratios and Their Uses

Different aspect ratios serve different purposes across industries. The table below covers the most widely used ratios along with their typical applications, so you can quickly identify which one fits your project.

The film industry uses several specialized aspect ratios beyond standard TV formats. The Academy ratio (1.375:1) dominated early cinema, while modern blockbusters typically use either 1.85:1 (flat widescreen) or 2.39:1 (anamorphic scope). IMAX uses 1.43:1, which is much taller than standard widescreen — this is why IMAX scenes feel immersive.

How to Resize While Maintaining Aspect Ratio

Resizing an image or video frame while preserving its aspect ratio requires fixing one dimension and calculating the other proportionally. The formulas are straightforward:

• Known new width, solve for height: New Height = (Original Height × New Width) ÷ Original Width
• Known new height, solve for width: New Width = (Original Width × New Height) ÷ Original Height

Example 1: Resize a 1920 × 1080 image to 1280 pixels wide:
New Height = (1080 × 1280) ÷ 1920 = 720. Result: 1280 × 720 (still 16:9).

Example 2: Resize a 4000 × 3000 photo (4:3) to fit a 1200-pixel wide column:
New Height = (3000 × 1200) ÷ 4000 = 900. Result: 1200 × 900 (still 4:3).

Example 3: You need a banner that's 600 pixels tall based on a 2560 × 1440 source:
New Width = (2560 × 600) ÷ 1440 = 1067. Result: 1067 × 600 (still 16:9).

Most image editing software (Photoshop, GIMP, Figma, Canva) includes a "lock aspect ratio" or "constrain proportions" toggle. When enabled, changing one dimension automatically adjusts the other. However, if you need to calculate dimensions before opening the editor — or you're working with CSS, responsive images, or video encoding settings — this calculator gives you the exact values instantly.

Aspect Ratios in Web Design and CSS

Modern web development relies heavily on aspect ratios for responsive layouts. The CSS aspect-ratio property (supported in all modern browsers since 2021) lets you define a box's proportions directly:

.video-container { aspect-ratio: 16 / 9; width: 100%; }

This creates a responsive container that always maintains a 16:9 ratio regardless of viewport width — no more padding-bottom hacks. Common use cases include:

• Embedded videos: YouTube and Vimeo embeds need 16:9 containers to avoid letterboxing or cropping.
• Image placeholders: Setting an aspect ratio before the image loads prevents Cumulative Layout Shift (CLS), a key Core Web Vitals metric.
• Card layouts: Product cards and thumbnails look consistent when they share the same aspect ratio across a grid.
• Hero sections: Full-width banners often use aspect ratios like 3:1 or 4:1 to maintain visual balance on different screen sizes.

The HTML <img> element also supports width and height attributes that hint the browser about the image's aspect ratio before it loads, further reducing layout shift. Always set these attributes — browsers use them to reserve the correct space even before the image file arrives.

Aspect Ratios for Social Media

Each social media platform has recommended aspect ratios for different content types. Using the wrong ratio means your content gets cropped, letterboxed, or loses quality. Here's a comprehensive reference:

For maximum engagement, always create content at the platform's recommended ratio and resolution. Uploading higher-resolution files (e.g., 4K for YouTube) allows the platform to serve the best quality to viewers on large screens while automatically downscaling for mobile users.

The Math Behind Aspect Ratio Calculation

Calculating the simplified aspect ratio requires finding the Greatest Common Divisor (GCD) of the width and height, then dividing both values by it. The GCD is computed using the Euclidean algorithm — one of the oldest algorithms in mathematics, dating back to 300 BC.

Step-by-step example for 1920 × 1080:

• GCD(1920, 1080): 1920 mod 1080 = 840
• GCD(1080, 840): 1080 mod 840 = 240
• GCD(840, 240): 840 mod 240 = 120
• GCD(240, 120): 240 mod 120 = 0 → GCD = 120

Divide: 1920 ÷ 120 = 16, 1080 ÷ 120 = 9 → Ratio = 16:9

For non-standard dimensions like 1366 × 768 (a very common laptop resolution), the GCD is 2, giving 683:384 — which doesn't simplify to a clean ratio. In practice, this resolution approximates 16:9 (the exact 16:9 at that width would be 1366 × 768.375). Manufacturers round to whole pixels, which is why some "16:9" screens have slightly imperfect ratios.

The decimal ratio (width ÷ height) is another useful way to express aspect ratios. It makes comparison easier: 16:9 = 1.778, 4:3 = 1.333, 21:9 = 2.333. A higher decimal means a wider rectangle.

Aspect Ratio in Photography and Print

Photography aspect ratios affect composition, framing, and how images are printed or displayed. The most common sensor and print ratios include:

When printing photos, aspect ratio mismatches cause cropping. A 3:2 photo printed at 8×10" (which is 5:4) will lose portions of the image. Professional photographers plan their compositions with the final output ratio in mind, or they shoot wider and crop in post-production to fit the destination format.

The international paper standard (ISO 216) uses the unique √2:1 ratio (approximately 1.414:1). This means folding an A4 sheet in half produces an A5 sheet with the same proportions — a mathematically elegant property that no other ratio possesses. When designing for print, always verify that your digital canvas matches the target paper's aspect ratio before starting — changing it later means re-composing the entire layout.

Professional photographers shooting events or portraits often use 3:2 in-camera but deliver final images in multiple ratios to suit different outputs: 3:2 for 4×6 prints, 5:4 for 8×10 prints, 16:9 for slideshows, and 1:1 for social media profile images. Planning for multiple deliverables from the start — by leaving extra space around the subject — is called "shooting loose" and is a best practice in commercial photography.