Skip to content
Codify Tools

Free Aspect Ratio Calculator — Image & Video Dimension Resizer

Calculate missing image/video dimensions, simplify aspect ratios (16:9, 4:3), and copy CSS aspect-ratio code.

Aspect Ratio Parameters
:

Aspect Ratio Results & Proportions

Calculated Dimensions
1920 × 1080 px

Total 2.07 Megapixels

Simplified Ratio
16 : 9

Decimal ratio 1.78:1 (Landscape)

Visual Proportional Preview
Landscape
1920 × 1080
Dimensions Text:
1920x1080
CSS aspect-ratio Rule:
aspect-ratio: 16 / 9;

Understanding Image and Video Aspect Ratios

An aspect ratio describes the proportional relationship between an image or video frame's width and height. Expressed as two numbers separated by a colon (such as 16:9 or 4:3), aspect ratios dictate physical proportions regardless of the absolute pixel resolution (e.g. 1920x1080 and 3840x2160 both share the 16:9 ratio).

Using an aspect ratio calculator ensures web developers, graphic designers, video editors, and photographers resize media without distortion, letterboxing, or unexpected cropping.

Popular Standard Aspect Ratios

  • 16:9 (Widescreen): The standard ratio for HD monitors, 1080p and 4K YouTube videos, TV broadcasts, and digital presentation slides.
  • 9:16 (Vertical Widescreen): The inverse of 16:9, designed for mobile-first vertical video content like Instagram Reels, TikTok, and YouTube Shorts.
  • 4:3 (Standard Monitor): The traditional screen format used by retro television sets, photography, and iPad tablets.
  • 1:1 (Square): Popularized by Instagram for square profile avatars and feed photos.
  • 21:9 (Ultrawide): Used for cinematic widescreen movies and high-end gaming monitors.

Modern CSS Aspect-Ratio Styling

In modern web development, CSS provides native support for maintaining responsive media boxes:

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

Frequently Asked Questions