Calculate Proportional Dimensions
What is Aspect Ratio?
Aspect ratio is the proportional relationship between the width and height of an image, video, or display. It is expressed as two numbers separated by a colon (e.g., 16:9 or 4:3). Maintaining the correct aspect ratio ensures your media scales perfectly without stretching, squishing, or unwanted cropping.
Aspect Ratio Formula
Width₁, Height₁ = Original dimensions
Width₂, Height₂ = New target dimensions
To find New Height: Height₂ = (Height₁ × Width₂) / Width₁
To find New Width: Width₂ = (Width₁ × Height₂) / Height₁
Common Aspect Ratios
| Ratio | Name | Common Resolutions | Typical Use Case |
|---|---|---|---|
| 16:9 | Widescreen | 1920×1080, 3840×2160 (4K) | YouTube, modern TVs, desktop monitors |
| 4:3 | Standard | 800×600, 1024×768, 1440×1080 | Older TVs, iPad screens, classic photography |
| 1:1 | Square | 1080×1080, 2048×2048 | Instagram posts, profile pictures, album art |
| 21:9 | Ultrawide | 2560×1080, 3440×1440 | Cinematic films, ultrawide gaming monitors |
| 9:16 | Vertical | 1080×1920 | TikTok, Instagram Reels, YouTube Shorts |
When resizing images for the web, always round your calculated dimensions to the nearest whole number. Displays cannot render fractional pixels, and most image editors will automatically round, which can cause a 1-pixel mismatch if not handled correctly.
Why It Matters in Web Design
In modern responsive web design, maintaining aspect ratios is crucial for layouts, embedded videos, and image galleries.
CSS now includes the aspect-ratio property (e.g., aspect-ratio: 16 / 9;), which allows browsers to
reserve the correct space before the image loads, preventing layout shifts and improving Core Web Vitals.
Learn More About Responsive Design
Master responsive layouts with our step-by-step Responsive Design Guide — includes CSS aspect-ratio tricks, image optimization, and layout best practices! 📚
Explore More Design Tools
Use our free calculators to perfect your images, videos, and web layouts. Fast, accurate, and always available. (Site may display ads to support operations)
Explore All Calculators