Aspect Ratio Calculator - Find and Convert Image Ratios
Work out any aspect ratio, solve a missing width or height, and check how an image fits a target size. Everything is calculated in your browser.
Type a new width and the height fills itself, or type a height and the width follows. Unlock to set both freely and see the ratio they make.
Paste any two dimensions to get the simplified ratio, the decimal, and the nearest standard ratio with the exact deviation.
Fit inside keeps the whole image and adds bars. Fill box covers the whole box and cuts the overflow away.
Pick a ratio to load it into the fields above.
Nearest whole pixel suits every normal image. H.264 and H.265 video encoders need even dimensions. Exact keeps one decimal, which is useful for CSS and print layout but is not a valid pixel size.
Simplified is the 16:9 form everyone quotes. Decimal is the width divided by the height, which is what a video encoder or a CSS calculation actually uses.
The aspect-ratio property is supported by every browser released since late 2021. Pick the padding hack only if you still support older ones, and remember it needs the child positioned absolutely inside the padded parent.
This is a calculator, not an editor. It works out numbers and never touches your image. To actually change the pixel dimensions of a file use the Image Resizer, and to cut pixels away use Crop Image.
Pixel dimensions have to be whole numbers, so a resized result can land a fraction of a percent off the exact ratio. This tool always shows the ratio your rounded numbers really make, not the one you asked for. Enlarging past the original dimensions does not add detail either, it only stretches the pixels that are already there.
Aspect ratio is independent of DPI and of file size, so changing the shape of an image changes neither one. To edit the DPI value stored in a file use the DPI Changer. Note also that "21:9" is a marketing name rather than a true ratio: a 3440 x 1440 ultrawide is actually 2.389:1, not 2.333:1.
Everything is processed locally in your browser. Nothing is uploaded to our servers.
This free aspect ratio calculator works out the exact shape of any image, solves a missing width or height from a ratio you already have, and shows how a picture will sit inside a target box. It is pure arithmetic, so there is no file to choose and nothing to wait for. Enter 1920 and 1080 and you get 16:9 straight away, along with the decimal ratio, the orientation, the megapixel count, the total pixel count grouped in the Indian style, and a copy-ready CSS line. Twelve preset ratios cover the shapes people actually need, from YouTube and Reels frames to A4 paper and the 35x45mm passport photo.
Knowing the number is only half the job, so this page is built to hand you straight to the tool that does the work. Once you have the target dimensions, the Image Resizer writes them into a real file, Crop Image removes the pixels a ratio change costs you, Resize to KB scales down until the file hits a size limit, and the DPI Changer handles the print metadata that ratio has no effect on at all. If the file itself is simply too heavy, run it through image compression or convert it with one of our image converters instead. This calculator never opens, alters or uploads a single image.
Solves the Missing Side
Type a new width and the height fills itself, or type a height and the width follows. Unlock the ratio and both fields go free, and the result then reports the shape those two numbers actually make.
Nothing To Upload
There is no file picker on this page because the calculator never needs one. It runs on numbers alone, in your browser, with zero network requests. No account, no queue, and nothing about your work leaves the device.
Live Shape Preview
A rectangle is drawn at the exact ratio you are working with and redraws as you type. In Fit to box mode a dashed inner box shows the letterbox bars or the crop region, so the trade-off is visible before you commit.
Copy-Ready CSS
Every answer comes with a CSS snippet you can paste into a stylesheet, either the modern aspect-ratio property or the padding-top percentage hack for older browsers, with the pixel dimensions kept as a comment.
How It Works
Four steps, no upload, no sign-up. The page already has a worked example loaded when you arrive.
Pick Your Mode
Resize by ratio scales a known size up or down. Find the ratio takes any two dimensions and names the shape. Fit to box works out how one size meets another. The first mode is open when the page loads.
Type Or Tap A Preset
Enter your pixel dimensions, or tap one of the twelve preset cards to load a standard shape such as 16:9, 9:16, 4:5 or the 7:9 passport frame. Fields accept digits only and are capped at 100000.
Read The Answer Live
Results recompute as you type, so there is nothing to submit. Six tiles report the dimensions, decimal ratio, nearest standard shape, orientation, megapixels and total pixels, and the preview redraws to match.
Copy And Apply
Copy the CSS line with one tap, then take the numbers to the Image Resizer or Crop Image to change a real file. This page only ever gives you the arithmetic.
Aspect Ratio Calculator Reference Chart
The twelve preset shapes built into the tool, with the decimal each one works out to and the clean pixel size a preset card loads into the fields. Tap any preset on the calculator above to fill these numbers in.
| Ratio | Decimal | Preset Size | Commonly Used For |
|---|---|---|---|
| 16:9 | 1.7778 | 1920 x 1080 | YouTube, HD and 4K video, most laptop screens |
| 9:16 | 0.5625 | 1080 x 1920 | Instagram Reels, YouTube Shorts, WhatsApp Status |
| 1:1 | 1.0000 | 1080 x 1080 | Square feed posts, profile pictures, product tiles |
| 4:5 | 0.8000 | 1080 x 1350 | Instagram portrait, the tallest shape the feed allows |
| 4:3 | 1.3333 | 1600 x 1200 | Classic camera frame, projectors, older monitors |
| 3:2 | 1.5000 | 1800 x 1200 | DSLR and mirrorless sensors, standard 6x4 inch prints |
| 5:4 | 1.2500 | 1500 x 1200 | 8x10 inch photo prints and framed enlargements |
| 21:9 | 2.3333 | 2520 x 1080 | Ultrawide monitors, though real panels are 2.389:1 |
| 2.39:1 | 2.3900 | 2390 x 1000 | Cinemascope, the modern anamorphic cinema frame |
| 1.85:1 | 1.8500 | 1850 x 1000 | Theatrical widescreen, the other standard film shape |
| 1.414:1 | 1.4142 | 1414 x 1000 | A4 and the whole A-series paper family, print layouts |
| 7:9 | 0.7778 | 700 x 900 | 35x45mm passport and government form photographs |
There is deliberately no before and after image slider on this page. A slider is honest on a tool that rewrites a file, and this one does not: it produces numbers and touches nothing. The 21:9 row is the interesting one. Twenty-one divided by nine is 2.3333, but no ultrawide monitor is that shape, because a 3440 x 1440 panel is really 2.3889:1, which is closer to Cinemascope than to its own marketing name. The calculator matches both figures, so an ultrawide size is reported as 21:9 with the discrepancy spelled out rather than quietly filed under the wrong standard.
Aspect Ratio Calculator for Images, Video and Print
An aspect ratio is just the relationship between width and height, written as two numbers with a colon between them. A 1920 x 1080 image is 16:9 because both numbers divide by 120. That single fact decides whether your photo fills a YouTube frame or sits in black bars, whether an Instagram post gets cropped by the app, and whether a print comes back with a strip missing. This aspect ratio calculator reduces any pair of dimensions to its simplest form, solves whichever side you are missing, and tells you the nearest standard shape with the exact percentage you are off by.
The important thing to understand about this page is what it does not do. It is a calculator, not an editor. There is no upload area because it never needs your file, and it will never change a single pixel. That separation is deliberate: work out the target number here, then take it to the Image Resizer to rewrite the dimensions, to Crop Image to physically remove the part that does not fit, or to Resize to KB when a form has given you a file size ceiling instead of a pixel target. Aspect ratio has no bearing at all on the DPI value stored in a file, which is handled separately by the DPI Changer.
⚖️ Calculating A Ratio vs Changing An Image
| What Matters | Aspect Ratio Calculator | Resizer & Cropper |
|---|---|---|
| Opens your file | ✗ Never | Yes, reads the image |
| What you get back | Numbers, a preview, a CSS line | A new image file to download |
| Changes the pixel count | ✗ No | ✓ Yes |
| Speed | ✓ Instant, live as you type | Depends on file size |
| Risk to the original | ✓ None at all | Keep a copy before cropping |
| Useful before you edit | ✓ This is the planning step | This is the doing step |
| Works with no image at all | ✓ Yes, numbers only | ✗ No, needs a file |
Most ratio confusion comes from expecting one tool to do both jobs. If you type 4000 and 3000 into a resizer and force it to 1920 x 1080, the resizer will happily squash a 4:3 photo into a 16:9 box and everybody in it gets thinner. The calculator exists to catch that before it happens: it tells you that 4000 x 3000 is 4:3, that fitting it inside a 1920 x 1080 box gives you 1440 x 1080 with 240px bars down each side, and that filling that box instead costs you 25% of the picture. Once you know which of those two outcomes you want, the Image Resizer or Crop Image carries it out. Plan here, act there.
📏 When To Fit Inside And Letterbox
Fit inside scales your image until the whole thing sits within the target box, then leaves empty bars wherever the shapes disagree. Nothing is lost. Pick it in these situations:
Documents And Application Forms
Government portals and exam applications reject a photo that has had a face or a signature edge trimmed off. Fit inside keeps every pixel of the original inside the frame, which is the safe choice whenever a rejection costs you a resubmission.
Video Footage In The Wrong Shape
Vertical phone footage dropped into a 16:9 timeline gets bars either side, and that is usually correct. Cropping a 9:16 clip to fill a 16:9 frame throws away roughly three quarters of the picture, which is almost never worth it.
Charts, Screenshots And Diagrams
Anything with text, axis labels or a legend needs its edges. A cropped chart loses the very numbers it exists to show. Letterbox it, and if the bars look wrong, change the surrounding layout rather than the image.
Artwork And Product Photography
Framed artwork, jewellery on a plain background and packaging shots are composed to the edge. Bars on a white catalogue background are usually invisible anyway, so fitting inside costs you nothing and protects the composition.
The tool reports which pair of bars you get and exactly how thick each one is, or says exact fit, no letterboxing when the two ratios already agree. When you are happy with the numbers, apply them with the Image Resizer, then run the output through image compression if the file has grown too large for the upload limit.
✂ When To Fill The Box And Crop
Fill box scales until the image covers the target completely, then cuts away whatever hangs over the edge. You lose pixels, but you gain a frame with no empty space. Choose it here:
Social Feeds And Thumbnails
A feed post or a video thumbnail with black bars looks broken next to everything around it. Cropping to fill is the right call, and doing it yourself beats letting the platform choose the crop for you, which it will otherwise do from the centre.
Hero Banners And Backgrounds
A website hero has to reach both edges of the viewport at every screen width. Fill is the only sensible mode, and the calculator tells you in advance how much of the photo will be outside the visible area on a wide layout.
Profile And Cover Images
Circular avatars and wide cover strips are hard crops that no platform lets you letterbox. Working the crop out first means you can reframe the subject deliberately instead of discovering later that the top of a head is missing.
Print Sizes That Disagree
A 3:2 camera photo does not fit a 5:4 8x10 inch print, so the lab crops it. Knowing that in advance lets you decide which edge gives way, rather than collecting the prints and finding an elbow has gone missing.
Fill mode states the damage plainly: the percentage of the image lost, how many pixels come off each edge, and the crop region measured back in the original file's own pixels. Take that number to Crop Image to make the cut where you want it rather than dead centre, and pair it with a JPG to PNG conversion if the result needs a transparent background afterwards.
⭐ Key Benefits Of Working Ratios Out First
Honest Rounding
Pixels are whole numbers, so a scaled result often lands a fraction off the exact ratio. Rather than hide it, the tool recomputes the ratio your rounded numbers really make. Scale 1920 x 1080 to a 1280 width in exact mode and you can see the drift for yourself.
Nearest Standard, With The Gap
A 1366 x 768 laptop screen simplifies to 683:384, which means nothing to anyone. The tool reports that it is 16:9 to within 0.05%, so you know it is a standard widescreen panel and not some exotic shape.
No Stretched Faces
The single most common image mistake is forcing a size that breaks the ratio. With the lock on, one field always follows the other, so the shape cannot drift by accident. Unlock it only when you genuinely want a new ratio.
Numbers You Can Actually Read
Total pixel counts are grouped Indian style, so 1920 x 1080 reads as 20,73,600 rather than a wall of digits. Megapixels sit alongside it, which is the figure camera specs and upload limits are usually quoted in.
These are the small differences that stop a ratio calculation quietly going wrong. If your workflow starts from a file size limit instead, compress to 100 KB or use Resize to KB and come back here to check the shape survived.
⚙️ Features Of This Tool
-
✓
Three modes in one page:
Resize by ratio,Find the ratioandFit to box - ✓ Aspect lock that solves the missing side, and unlocks to let you set both freely
- ✓ Twelve preset ratio cards from 16:9 and 9:16 to A-series paper and the 7:9 passport frame
- ✓ Live rectangle preview that redraws at the current ratio as you type
- ✓ Three rounding modes: nearest whole pixel, even numbers for H.264 and H.265, or one decimal
- ✓ Ratio shown simplified, as a decimal, or both at once
-
✓
Copy-ready CSS as either
aspect-ratioor thepadding-toppercentage hack - ✓ Six live result tiles plus swap width and height, and a one-tap reset
- ✓ Inputs are digits only, capped at 100000, and never produce NaN or Infinity mid-typing
- ✓ Zero network requests on load and no file input anywhere on the page
📋 How To Use It (Step By Step)
- Choose the question you are asking Resize by ratio is loaded first and is the one most people want: you know a size and need a smaller or larger version of the same shape. Switch to Find the ratio when you have two numbers and no idea what shape they make, or Fit to box when two sizes have to meet.
- Enter your dimensions or tap a preset The page arrives pre-filled with 1920 x 1080 scaling to a 1280 width, so there is already a worked answer on screen. Overwrite the fields with your own numbers, or tap a preset card to load a standard shape and its clean pixel size in one go.
- Adjust rounding and format if you need to Open the Options panel to switch rounding to even numbers when the output is headed for a video encoder, or to one decimal for CSS and print layout work. You can also choose whether the ratio reads as 16:9, as 1.7778:1, or as both together.
- Read the result, then copy or move on Results update live, so nothing needs submitting. Check the sub-line under the headline for rounding drift and the nearest standard shape, copy the CSS if you are styling a layout, and carry the pixel numbers to a real editing tool when you are ready.
🔧 Technical Notes (What To Expect)
Simplification uses Euclid's greatest common divisor on the two integers, which is why 1920 x 1080 becomes 16:9 and 1366 x 768 becomes 683:384. A shape only counts as a standard match when it sits within 2% of one of the twelve presets, and the gap is always printed. The CSS output follows the current specification for the CSS aspect-ratio property documented by MDN, which every browser released since late 2021 supports, with the older padding-top percentage hack available for anything further back. Nothing on this page is estimated or simulated; it is exact arithmetic on the numbers you type.
Pixel dimensions must be whole numbers. Scaling 1920 x 1080 down and rounding to 1280 x 719 gives a ratio of 1.7803, which is 0.14% away from a true 16:9. The tool always recalculates the ratio the rounded numbers actually produce and states the deviation, instead of reporting the ratio you asked for and hoping you do not notice.
Twenty-one divided by nine is 2.3333, but a 3440 x 1440 ultrawide monitor is 2.3889, which simplifies to 43:18. That is 2.38% away from the marketing figure and only 0.05% from Cinemascope. Left alone, a calculator would tell ultrawide owners their monitor is a cinema frame. This one matches both numbers and explains the discrepancy in the result.
Ratio is shape, resolution is how many pixels there are, DPI is a print instruction stored in metadata, and file size depends on compression. Changing one does not change the others. A 16:9 image can be 1280 x 720 or 3840 x 2160, at 72 or 300 DPI, at 40 KB or 4 MB. Use the DPI Changer for print metadata.
If your new dimensions exceed the original ones, the tool shows an amber warning. Scaling up only stretches the pixels that already exist, so a 640 x 480 photo pushed to 1920 x 1440 stays as soft as it was, just bigger. The arithmetic is correct either way, but the result on screen will look worse, not better.
💡 Use Cases And Worked Examples
A wedding photographer has 6000 x 4000 files at 3:2 and a client who wants 8x10 inch prints, which are 5:4. Fill box mode shows exactly how much of each frame the lab will cut, so the crop can be planned deliberately in Crop Image rather than left to the printer.
A student uploading an exam form photo needs the 35x45mm passport shape, which is 7:9. Tapping that preset loads 700 x 900 and confirms the target, and the actual file is then produced with the Image Resizer and squeezed under the portal's limit with Resize to KB.
A front-end developer is building a responsive card grid and needs every thumbnail to hold the same shape at any width. Find the ratio names the shape, the CSS output hands over the aspect-ratio line, and the padding-top hack is there for the one legacy browser the project still supports.
A shop owner is repurposing one product photo across a 1:1 catalogue tile, a 4:5 Instagram post and a 9:16 story. Three preset taps give three target sizes and three crop losses, so the shots that survive all three can be picked before any editing starts.
🔗 Related Image Tools
This calculator is the planning step in our wider image tools suite. These are the tools that actually act on the numbers it gives you:
Built for Everyone in India
Anyone who has ever had a photo rejected, cropped or stretched by something that expected a different shape.
FAQs - Aspect Ratio Calculator
What is an aspect ratio and why does it matter?
▼An aspect ratio is the relationship between an image's width and its height, written as two numbers with a colon between them. A 1920 x 1080 photo is 16:9 because both sides divide by 120. It matters because every platform expects a shape: get it wrong and the image is either letterboxed with empty bars or cropped, usually from the centre, and usually not where you would have chosen.
Does this aspect ratio calculator change my image?
▼No. There is no upload area on this page because the calculator never needs your file. It works purely on the numbers you type and produces numbers, a preview rectangle and a CSS line in return. To actually rewrite an image use the Image Resizer, and to physically remove pixels use Crop Image. Keeping the arithmetic separate from the editing is deliberate and means nothing can go wrong with your original.
How do I find the aspect ratio of an image?
▼Switch to the Find the ratio tab and type the width and height in pixels. The tool divides both by their greatest common divisor and shows the simplified pair, the decimal form, the orientation, the megapixel count and the nearest standard shape with the exact percentage you are off by. If you do not know your dimensions, right click the file and check its properties or details panel first.
Why does my result say 683:384 instead of 16:9?
▼Because 683:384 is the true simplified ratio of a 1366 x 768 screen, and the tool never hides the exact value. Those two numbers share no common factor beyond two, so that is as far as simplification goes. The sub-line underneath then tells you it is 16:9 to within 0.05%, which is the practically useful answer. You get both: the honest arithmetic and the standard shape it is nearest to.
Why is my 21:9 ultrawide monitor reported as 2.389:1?
▼Because 21:9 is a marketing name rather than a measurement. Twenty-one divided by nine is 2.3333, but a 3440 x 1440 ultrawide panel is actually 2.3889, which simplifies to 43:18. That is 2.38% away from the advertised figure and only 0.05% from Cinemascope. The calculator matches both numbers so an ultrawide is still recognised as 21:9, with the discrepancy stated instead of quietly filed under the wrong standard.
What is the difference between fit inside and fill box?
▼Fit inside scales your image until all of it sits within the target box, leaving empty letterbox bars wherever the two shapes disagree. Nothing is lost. Fill box scales until the image covers the box completely and cuts away the overflow, so the frame is full but pixels are gone. The tool reports the bar thickness for one and the exact percentage lost for the other, so you can choose knowingly.
Which rounding mode should I pick?
▼Nearest whole pixel suits almost every image and is the default. Choose even numbers when the output is heading for a video encoder, because H.264 and H.265 both require even dimensions and will otherwise adjust your size for you. Exact keeps one decimal place, which is useful for CSS calculations and print layout work, but a fractional pixel is not a valid image dimension so never use it as a final size.
Does changing the aspect ratio change file size or DPI?
▼Not by itself. Ratio is shape, resolution is the pixel count, DPI is a print instruction stored in metadata, and file size depends on compression. They are four independent things. A 16:9 image can be 1280 x 720 or 3840 x 2160, at 72 or 300 DPI, at 40 KB or 4 MB. To edit the stored print resolution, use the DPI Changer instead of this page.
Can I enlarge an image to a bigger size with this tool?
▼The calculator will happily work out enlarged dimensions for you and shows an amber warning when your new numbers exceed the originals. What no tool can do is invent detail that was never captured. Scaling a 640 x 480 photo up to 1920 x 1440 stretches the pixels already there and the result looks softer, not sharper. The maths is right, but check whether a larger source file exists first.
What aspect ratio should I use for Instagram, YouTube and Reels?
▼YouTube video and thumbnails are 16:9, so 1920 x 1080 or 1280 x 720. Reels, Shorts and Stories are 9:16, so 1080 x 1920. Instagram feed posts are 1:1 at 1080 x 1080 or 4:5 at 1080 x 1350, and 4:5 is the tallest shape the feed allows. All four are preset cards on this page, so one tap loads the size for you.
Is my data safe and does this work offline?
▼Yes on both counts. The page makes zero network requests once it has loaded and there is no file input anywhere, so there is nothing to upload even by accident. Every calculation runs in your browser using plain arithmetic. Nothing is logged, stored or sent to us, no account is needed, and once the page is open you can disconnect entirely and it will keep working.
Other Tool Categories
Image Tools
Convert, compress, and resize images in multiple formats - JPG, PNG, WebP, ICO, and more.
Salary Calculators
Calculate in-hand salary, CTC breakup, tax deductions, and more for Indian employees.
Unit Converters
Convert length, weight, temperature, speed, volume, and 200+ measurement units instantly.
Text Tools
Count words, convert case, generate lorem ipsum, find & replace text, and more writing utilities.
Work Out Your Ratio
Find any shape, solve a missing side, or check how an image fits a box - free, private, and calculated entirely in your browser.
📏 Calculate Aspect Ratio