Need to resize something without squishing it? Enter any three of width, height, or ratio and this calculator fills in the fourth — instantly, keeping your proportions exact. Whether you're sizing a YouTube thumbnail, a responsive container, or a print layout, the point of an aspect ratio calculator is to scale dimensions up or down without ever stretching or cropping the result. Everything runs in your browser, so there's nothing to upload and nothing to wait for.
What Is an Aspect Ratio?
An aspect ratio is the proportional relationship between an image's width and its height, written as two numbers separated by a colon in width:height order — like 16:9 or 4:3. It describes shape, not size: a 1280×720 image and a 3840×2160 image are both 16:9. To turn raw pixels into a clean ratio, you divide both numbers by their greatest common divisor. For 1920×1080 the GCD is 120, which reduces to 16:9; for 1024×768 the GCD is 256, giving 4:3.
Why ToolSura's Calculator Is Different
Most ratio tools make you do the arithmetic in your head or reload the page for every change. ToolSura recalculates live as you type, works in both directions (find the width from a height, or the height from a width), and reduces any pixel pair to its simplest ratio automatically. It runs entirely client-side — no signup, no upload, no waiting on a server — so it's instant and works offline once loaded.
How to Calculate an Aspect Ratio
- Enter what you know. Type in your current width and height, or a target ratio like 16:9.
- Lock the ratio. With the ratio set, change either dimension and the other updates to keep proportions exact.
- Read the result. The tool shows the reduced ratio and the matching pixel dimensions at once.
- Apply it. Copy the numbers straight into your design tool, CSS, or video export settings.
The math behind it is simple. To find height from width: height = width × (ratio height ÷ ratio width) — so 16:9 at 1280 wide is 1280 × (9÷16) = 720. To find width from height: width = height × (ratio width ÷ ratio height) — so 16:9 at 1080 tall is 1080 × (16÷9) = 1920.
Common Aspect Ratios and Where They're Used
| Ratio | Decimal | Common size | Where it's used |
|---|---|---|---|
| 4:3 | 1.33:1 | 1024×768 | Legacy TV, older monitors, photography |
| 16:9 | 1.78:1 | 1920×1080 | HD/4K video, YouTube, most displays |
| 1:1 | 1.00:1 | 1080×1080 | Square social posts |
| 9:16 | 0.56:1 | 1080×1920 | Stories, Reels, Shorts, TikTok |
| 21:9 | 2.37:1 | 2560×1080 | Ultrawide monitors, cinematic video |
| 2.39:1 | 2.39:1 | — | Anamorphic "Scope" cinema |
A note on labels: "21:9" is actually a marketing name for the true ratio 64:27 (≈2.37:1), and the anamorphic cinema format is ≈2.39:1, standardized by SMPTE.
Why 16:9 Became the Standard
16:9 wasn't an arbitrary choice. It's the international HDTV standard defined by ITU-R BT.709, which specifies 1920×1080 with square pixels. The ratio itself came from SMPTE engineer Kerns Powers, who overlaid equal-area rectangles of every popular format of the era — 4:3, 1.85:1, and 2.35:1 — and found they all fit neatly around a rectangle of about 1.77:1, the geometric mean of the extremes. Rounded off, that's 16:9: a single shape that compromises gracefully between old TV and widescreen cinema.
Aspect Ratio vs Resolution
These two get mixed up constantly. Aspect ratio is the shape (the proportion of width to height); resolution is the detail (the total pixel count, like 1920×1080). One ratio spans many resolutions: 1280×720, 1920×1080, and 3840×2160 are all 16:9. That's exactly why labels like 720p, 1080p, and 4K all assume a 16:9 frame — they're telling you the pixel count, and the shape is implied.
Sizes for YouTube, Instagram, and TikTok
Getting the ratio right per platform avoids ugly cropping and letterboxing:
- YouTube thumbnail — 1280×720 (16:9), per YouTube's guidelines, with a 640px minimum width.
- Instagram photos — widths of 320–1080px, with supported ratios from 1.91:1 landscape to 4:5 portrait, per Instagram Help.
- TikTok / Reels / Shorts — 1080×1920 (9:16) full-screen vertical; anything else gets cropped or padded.
For Developers: CSS Aspect Ratio
Modern CSS makes ratios native. Set aspect-ratio: 16 / 9 on a container and the browser reserves the right height for any width — no padding hacks, no layout shift. For older browsers, the classic fallback is padding-top: 56.25% (that's 9 ÷ 16) on a wrapper. Either way, computing the exact percentage or pixel target is what this calculator is for.
Related Tools
Ready to actually resize? Scale an image to your calculated dimensions with the Image Resizer, shrink the file afterward with the PNG/JPG Image Compressor, or generate correctly-sized icons with the Favicon Generator.
Frequently Asked Questions
How do I calculate height from width and an aspect ratio?
Multiply the width by the ratio's height divided by its width: height = width × (ratio height ÷ ratio width). For a 16:9 image that is 1280 pixels wide, that's 1280 × (9 ÷ 16) = 720 pixels tall. This calculator does it automatically — enter the width and the ratio, and the height appears instantly.
How do I calculate width from height and an aspect ratio?
Multiply the height by the ratio's width divided by its height: width = height × (ratio width ÷ ratio height). For a 16:9 image that is 1080 pixels tall, that's 1080 × (16 ÷ 9) = 1920 pixels wide. Enter the height and lock the ratio, and the matching width is calculated for you.
What is 16:9 in pixels?
16:9 isn't a single pixel size — it's a shape that fits many resolutions. The most common exact sets are 1280×720 (720p), 1920×1080 (1080p), 2560×1440 (1440p), and 3840×2160 (4K). All of them reduce to 16:9. Pick the resolution you need and the ratio stays the same.
How do I convert 4:3 to 16:9?
You can't reshape 4:3 content to 16:9 without either cropping the top and bottom or adding side bars (pillarboxing). To crop, keep the width and reduce the height to width × 9 ÷ 16. To pad, keep the height and add empty width. Decide based on whether losing edge content or showing bars matters more.
What's the difference between aspect ratio and resolution?
Aspect ratio is the shape — the proportion of width to height, like 16:9. Resolution is the detail — the total pixel count, like 1920×1080. One ratio covers many resolutions: 1280×720, 1920×1080, and 3840×2160 are all 16:9. That's why 720p, 1080p, and 4K all assume a 16:9 frame.
What is the best size for a YouTube thumbnail?
YouTube recommends a thumbnail of 1280×720 pixels, which is the standard 16:9 ratio, with a minimum width of 640 pixels. Using that exact size keeps your thumbnail sharp across the player, search results, and mobile previews without cropping. Anything smaller or in a different ratio risks looking blurry or getting trimmed.
What is 9:16 in pixels?
9:16 is the vertical, full-screen ratio used by TikTok, Instagram Reels, and YouTube Shorts. The recommended resolution is 1080×1920 pixels. It's simply 16:9 turned on its side — taller than it is wide — which is why it fills a phone screen held upright. Uploading anything else usually results in cropping or black bars.