Aspect Ratio Calculator -- Resize Without Cropping
Why resizing breaks images
You have a 1920x1080 banner and need it at 800px wide for a blog thumbnail. If you set the width to 800 and guess the height, the image gets squished or stretched. The fix is simple math -- maintain the aspect ratio -- but doing that division in your head for every resize gets tedious fast.
The problem gets worse with social media. Each platform has different recommended dimensions: Instagram posts, YouTube thumbnails, Twitter headers, LinkedIn banners. You need to know what ratio each one expects and calculate the matching dimensions for your source image.
An aspect ratio calculator locks the proportions so you only change one dimension and the other scales automatically. No distortion, no guesswork.
How to calculate aspect ratio
- Open the Aspect Ratio Calculator.
- Enter your original width and height (e.g., 1920 x 1080).
- The tool displays the simplified ratio (16:9).
- Enter a new width or height -- the other dimension updates automatically to preserve the ratio.
- Copy the new dimensions for your resize.
Common aspect ratios reference
- 16:9 -- standard widescreen. Used for YouTube videos, most monitors, and TV. Common resolutions: 1920x1080, 2560x1440, 3840x2160.
- 4:3 -- classic display ratio. Still used for presentations and older video formats. Common resolutions: 1024x768, 1600x1200.
- 1:1 -- square. Instagram posts, profile pictures, app icons.
- 9:16 -- vertical video. Instagram Reels, TikTok, YouTube Shorts. Typically 1080x1920.
- 3:2 -- common in photography (DSLR sensor ratio). Resolutions like 6000x4000.
- 21:9 -- ultrawide monitors. Resolutions like 2560x1080, 3440x1440.
Social media dimensions
- Instagram post -- 1080x1080 (1:1) or 1080x1350 (4:5)
- Instagram Story / Reel -- 1080x1920 (9:16)
- YouTube thumbnail -- 1280x720 (16:9)
- Twitter / X header -- 1500x500 (3:1)
- LinkedIn banner -- 1584x396 (4:1)
- Facebook cover -- 820x312 (roughly 2.63:1)
- Open Graph image -- 1200x630 (roughly 1.91:1)
The math behind it
Aspect ratio is width divided by height, reduced to the smallest integers using the greatest common divisor (GCD). For 1920x1080, the GCD is 120, so the ratio is 16:9. To find a new height from a new width: new_height = new_width * (original_height / original_width). For 800px wide at 16:9, that is 800 * (1080 / 1920) = 450.
Built with vanilla HTML/JS. No frameworks, no backend, loads instantly.