Aspect Ratio Calculator: Calculate and Convert Image and Video Aspect Ratios

What Is an Aspect Ratio?

An aspect ratio is the proportional relationship between an image or video's width and height. It is expressed as two numbers separated by a colon, such as 16:9 or 4:3. The numbers represent the ratio of width to height — a 16:9 image is 16 units wide for every 9 units tall.

The actual pixel dimensions can vary while the aspect ratio remains constant. A 1920×1080 image and a 1280×720 image both have a 16:9 ratio. This is why aspect ratio is the defining property for preserving proportions during resizing.

• 16:9 — standard widescreen (HD and 4K video, most monitors, YouTube)
• 4:3 — traditional TV and older monitors
• 1:1 — square format (Instagram posts, profile photos)
• 21:9 — ultrawide cinema format
• 9:16 — vertical video (mobile, TikTok, Instagram Reels)
• 3:2 — DSLR camera sensors and 35mm film

How to Use This Tool

The calculator works in two directions: find the ratio from dimensions, or find a missing dimension from a ratio.

1. 1

   Enter width and height

   Type the pixel dimensions of your image or video to calculate the aspect ratio.

2. 2

   See the simplified ratio

   The tool reduces the ratio to its simplest form using the greatest common divisor.

3. 3

   Calculate missing dimension

   Enter a ratio and one dimension (width or height) to get the other dimension.

4. 4

   Choose a common preset

   Select from common presets like 16:9, 4:3, or 1:1 to quickly set the ratio.

5. 5

   Copy the result

   Copy the output ratio or calculated dimension to use in your design tool.

Common Use Cases

Aspect ratio calculations are needed throughout design, video production, and web development.

• Video thumbnails: calculating the correct height for a 16:9 YouTube thumbnail at a target width
• Responsive images: setting CSS padding-top percentage to maintain ratio in responsive layouts
• Video export: finding the correct 4K (3840×2160) dimensions from a 1080p master
• Social media: sizing images correctly for Twitter (16:9), Instagram (1:1 or 4:5), Facebook
• Print design: checking that a crop will not distort an image when printed at a target size
• Game development: calculating camera viewport dimensions for different screen ratios

Tips and Best Practices

Getting aspect ratios right early prevents rework later in the production process.

• Always specify both width and height in img tags (width='1280' height='720') — browsers use this to reserve space before the image loads
• In CSS, use the aspect-ratio property (aspect-ratio: 16 / 9) instead of padding hacks for modern browsers
• For responsive images, use object-fit: cover to fill a container while preserving the image's own ratio
• When cropping for social media, check the platform's recommended ratio before designing the artwork
• Store originals at the highest resolution and generate thumbnails programmatically to maintain quality

Frequently Asked Questions