General calculator
Aspect Ratio Calculator
Find the simplified aspect ratio and calculate new proportional dimensions (width and height) for images, videos, screens, and design layout projects.
Introduction
The Aspect Ratio Calculator is a developer- and designer-friendly utility that helps you analyze, simplify, and scale dimensions proportionally. By entering the original width and height of an image, video, or screen layout, the calculator determines the simplified aspect ratio (e.g., 16:9, 4:3, 1:1) and the decimal multiplier. You can also specify a new target width or height to calculate the exact corresponding dimension without distorting the layout.
How to Use
Input your original dimensions (width and height) in the designated fields. If you want to scale the dimensions, enter a target value in either the New Width or New Height field. Click the Calculate button to view the simplified aspect ratio, the decimal ratio, and the calculated proportional dimensions.
Formula
Decimal Ratio = Width / Height. Proportional Height = New Width / Decimal Ratio. Proportional Width = New Height × Decimal Ratio.
Examples
Example 1: Original dimensions 1920 × 1080 simplifies to 16:9 with a decimal ratio of 1.7778. Example 2: Scaling to a New Width of 1280 results in a proportional New Height of 720.
Results Explained
The results provide the simplified aspect ratio, the decimal multiplier, and the computed target dimensions depending on which field you populated. This ensures your layouts remain perfectly proportioned.
Related Calculators
What Is Aspect Ratio?
Aspect ratio is the proportional relationship between the width and height of a geometric shape, screen, digital image, or video file. It is written as two numbers separated by a colon, in the format x:y, where x represents the width and y represents the height. For example, a square image has an aspect ratio of 1:1, meaning its width and height are identical. A typical modern television has an aspect ratio of 16:9, meaning that for every 16 units of width, there are 9 units of height.
Crucially, aspect ratio does not represent the physical size of an image (such as inches, centimeters, or absolute pixels). Instead, it defines the shape. A screen that is 1920x1080 pixels and a screen that is 3840x2160 pixels both share the exact same 16:9 aspect ratio, even though the latter contains four times as many pixels.
The History and Evolution of Media Aspect Ratios
Over the past century, aspect ratios have adapted alongside technology, entertainment mediums, and social habits. Here is a brief look at the most prominent formats:
- 4:3 (1.33:1) - The Academy Ratio: In the early days of silent cinema, film cells were standardized to a 4:3 layout. When television was invented, it adopted this same shape. Most CRT televisions and classic computer monitors from the 20th century are 4:3.
- 16:9 (1.77:1) - Widescreen Standard: In the late 20th century, movie studios wanted a format that set cinemas apart from standard home TVs. This led to widescreen movies. Eventually, the international community agreed on 16:9 as the compromise standard for high-definition television (HDTV) and digital screens. Today, it is the default format for monitors, YouTube videos, and streaming content.
- 21:9 (2.39:1) - Anamorphic / Ultrawide: Used in cinematic films to capture sweeping landscapes and epic action. In recent years, ultrawide desktop monitors have adopted this format, offering a wider field of view for gaming and multitasking.
- 9:16 (0.56:1) - Vertical Widescreen: With the rise of smartphones, users began holding their devices vertically. Platforms like Instagram Stories, TikTok, and YouTube Shorts popularized the 9:16 layout—which is simply a standard 16:9 monitor turned sideways.
How to Simplify Aspect Ratio Using Greatest Common Divisor (GCD)
To reduce a pixel resolution down to its simplest aspect ratio, we use the Greatest Common Divisor (GCD). The GCD is the largest positive integer that divides both numbers without leaving a remainder. Here is the manual math process:
- Choose Resolution: Let's take the standard resolution 1280 × 720.
- Find GCD: Using the Euclidean algorithm, we find the GCD of 1280 and 720.
- 1280 % 720 = 560
- 720 % 560 = 160
- 560 % 160 = 80
- 160 % 80 = 0 (So, GCD is 80)
- Divide: Divide both dimensions by the GCD.
- Width: 1280 / 80 = 16
- Height: 720 / 80 = 9
- Result: The aspect ratio is 16:9.
Step-by-Step Resolution Scaling Walkthroughs
Example 1: Downscaling a Video for a Web Page
You have a 4K UHD video (3840 x 2160 pixels) that you want to embed on your website. To keep page loading times fast, you decide to scale the video down so its width is exactly 960 pixels. What should the height be?
- Decimal Ratio: 3840 / 2160 = 1.7778
- Calculation: Height = 960 / 1.7778 = 540 pixels.
- Result: Your new video size is 960 × 540 pixels.
Example 2: Cropping a Photo for Print
A photographer takes a photo on a DSLR camera, which typically shoots in a 3:2 aspect ratio (e.g., 6000 x 4000 pixels). The client wants to print the photo as an 8x10 inch portrait. To fit this frame without stretching, the photo must be scaled to a 4:5 ratio. If the new height is 10 inches, what is the proportional width? And how much must be cropped?
- Decimal Ratio of Target Frame: 4 / 5 = 0.8
- Target Width: 10 inches × 0.8 = 8 inches.
- Original Photo Ratio: 3 / 2 = 1.5. In portrait, that is 2:3 (0.6667 decimal).
- Because 0.6667 is narrower than 0.8, the photographer will have to crop some height off the top and bottom of the original image to make it fit the wider 8x10 print format.
Example 3: Web Layout Columns (Responsive Design)
An interface designer is creating a card layout with a 16:9 hero image. On desktop screens, the card's width is allocated 400 pixels. How much vertical space will the image occupy?
- Decimal Ratio: 16 / 9 ≈ 1.7778
- Calculated Height: 400 / 1.7778 = 225 pixels.
- CSS code: Using CSS Tailwind v4, this can be written as
aspect-[16/9] w-[400px] h-auto object-cover.
Standard Resolution Reference Cheat Sheet
| Ratio | Name | Common Resolutions (Pixels) |
|---|---|---|
| 16:9 | Widescreen | 1280x720 (720p), 1920x1080 (1080p), 2560x1440 (2K), 3840x2160 (4K UHD) |
| 4:3 | Standard Screen | 640x480 (VGA), 800x600 (SVGA), 1024x768 (XGA) |
| 16:10 | WUXGA Monitor | 1280x800, 1680x1050, 1920x1200, 2560x1600 |
| 21:9 | Ultrawide | 2560x1080, 3440x1440, 5120x2160 |
| 1:1 | Square | 1080x1080, 1200x1200 (Instagram feed) |
| 9:16 | Vertical video | 1080x1920 (TikTok, Reels, Shorts) |
Frequently Asked Questions
What is aspect ratio?
Aspect ratio is the proportional relationship between the width and height of an image or screen. It is expressed as a ratio like 16:9 or 4:3.
How do you calculate aspect ratio?
Divide the width by the height. For example, an image that is 800 pixels wide and 600 pixels high has a ratio of 800/600 = 1.33. Finding the greatest common divisor (GCD) of 800 and 600 yields 200, so dividing both by 200 gives 4:3.
What is the standard aspect ratio for modern TV screens?
The international standard for high-definition television and modern monitors is 16:9.
How do I scale an image without stretching it?
To prevent distortion, you must scale the image proportionally. Calculate the decimal ratio (width divided by height). When changing the width, divide the new width by this decimal to get the new height. When changing height, multiply the new height by the decimal to get the new width.
What is a 21:9 aspect ratio?
21:9 is an ultrawide aspect ratio commonly used in cinema and ultrawide computer monitors. It is roughly 33% wider than standard 16:9.
What does 16:9 look like?
16:9 is a rectangular shape that is nearly twice as wide as it is tall. It is the default shape for widescreen monitors, laptops, and televisions.
What aspect ratio is Instagram?
Instagram supports multiple aspect ratios: 1:1 (square) for standard feeds, 4:5 for vertical feed photos, and 9:16 for Stories and Reels.
What is the ratio 16:10 used for?
16:10 is a widescreen monitor format that provides slightly more vertical workspace than 16:9. It is commonly found on productivity laptops (like MacBooks) and office monitors.
How does aspect ratio relate to resolution?
Resolution refers to the total number of pixels on a screen (e.g., 1920x1080). Aspect ratio is the simplified ratio of those pixels (16:9). A single aspect ratio can contain many different resolutions.
What is a GCD in resolution math?
GCD stands for Greatest Common Divisor. It is the largest whole number that divides both the width and height without remainder. Dividing width and height by the GCD simplifies the resolution to its base aspect ratio.
How do I convert 16:9 to 9:16?
To convert 16:9 to 9:16, you rotate the frame 90 degrees. This swaps the width and height, changing a horizontal widescreen layout into a vertical smartphone format.
What is the cinematic aspect ratio?
Most modern theatrical movies are shot in either 1.85:1 or 2.39:1 (anamorphic widescreen).
Is 1080p always 16:9?
Standard 1080p is 1920x1080 pixels, which is exactly 16:9. However, 1080p can refer to any resolution with 1080 horizontal lines of resolution (like 1080x1080 square or 1440x1080 older widescreen formats).
What happens if I stretch an image to a different aspect ratio?
Stretching an image causes distortion. People and objects will look unnaturally wide (squashed) or tall (stretched). Cropping or letterboxing is preferred instead of stretching.
What is letterboxing?
Letterboxing is the practice of placing black bars at the top and bottom (or sides) of an image or video to fit a screen with a different aspect ratio without cropping or stretching.