Aspect Ratio Calculator
Use this tool to simplify aspect ratios, calculate missing dimensions, and resize media while keeping proportions correct.
1) Calculate Ratio from Width and Height
2) Find Missing Dimension
3) Resize to Fit or Fill a Box
What Is an Aspect Ratio?
An aspect ratio describes the proportional relationship between width and height. It is usually written as W:H (for example, 16:9 or 4:3). Aspect ratio does not describe absolute size—only shape.
That means 1920×1080 and 1280×720 are different resolutions, but both share the same 16:9 aspect ratio. They look the same shape, just at different sizes.
Why Aspect Ratio Matters
If you ignore aspect ratio while resizing, images and videos become stretched or squashed. In practical work—design, video editing, social media, presentations, and web development—maintaining the correct ratio keeps content looking professional.
- Photography: Prevents distortion in prints and galleries.
- Video: Avoids black bars, cropping surprises, and export issues.
- Web/UI design: Keeps thumbnails, hero banners, and cards visually consistent.
- Mobile content: Ensures vertical and horizontal formats look intentional.
Aspect Ratio Formula
Basic calculation
To find the ratio from known dimensions:
ratio = width : height
Then simplify by dividing both numbers by their greatest common divisor (GCD).
Example: 1920:1080 simplifies to 16:9.
Find missing width or height
If you know the ratio and one side, use:
- height = width × (ratio height / ratio width)
- width = height × (ratio width / ratio height)
Common Aspect Ratios
- 1:1 — square posts and profile images
- 4:3 — older displays, some camera outputs
- 3:2 — common DSLR photo ratio
- 16:9 — modern video standard (YouTube, TV, presentations)
- 16:10 — some laptop and monitor screens
- 21:9 — ultrawide cinematic format
- 9:16 — vertical video (Reels, Shorts, TikTok)
How to Use This Calculator
Mode 1: Calculate ratio from dimensions
Enter width and height to get a simplified ratio, decimal ratio, orientation, and nearest common standard.
Mode 2: Compute missing dimension
Enter a ratio (like 16 and 9), then provide either width or height. The calculator instantly returns the missing side and full dimension pair.
Mode 3: Resize to fit or fill
Use this when placing an image/video inside a target frame:
- Fit: Entire media is visible (may leave empty space).
- Fill: Frame is fully covered (may crop part of media).
Practical Tips for Designers and Creators
- Set your project ratio first before creating assets.
- Use higher source resolution when possible to avoid quality loss from upscaling.
- When exporting for multiple platforms, create ratio-specific versions instead of forcing one file to fit everything.
- For social media, keep a simple checklist of target sizes and ratios by platform.
Aspect Ratio vs Resolution
These terms are related but different:
- Aspect ratio = shape (proportion).
- Resolution = pixel count (detail/size).
You can keep the same aspect ratio while changing resolution, which is exactly what happens when you make multiple exports for web, mobile, and print.
FAQ
Can two different sizes have the same aspect ratio?
Yes. 3840×2160 and 1920×1080 are both 16:9.
Why does my image get black bars?
Your media ratio does not match the display frame ratio. Use fit/fill logic to decide whether you want bars (fit) or cropping (fill).
What ratio is best for YouTube?
Typically 16:9 for standard horizontal videos. Shorts use 9:16.
Final Thoughts
Aspect ratio is one of the most important fundamentals in visual content. Once you understand it, resizing decisions become easy and your output looks cleaner across platforms. Use the calculator above whenever you need quick, accurate ratio math without guesswork.