Aspect Ratio Calculator & Resizer

Free aspect ratio calculator — get the exact ratio of any width and height, resize without stretching, and turn a screen diagonal into real width and height.

Exact Ratio, Not Rounded
Screen Size from Diagonal
Nothing Leaves Your Device
Width and height
Width
Height
Pixels, inches, centimetres — a ratio has no unit, so use whatever you measured in, as long as both boxes use the same one.
Common ratios
A chip loads that shape as a starting point — it lights up whenever your own numbers reduce to it.
Read it from an image
The browser reads the width and height on your own device. The file is never uploaded.
Aspect ratio
16:9
As a decimal
The other way round
Height as % of width
Closest standard
Total pixels
Megapixels
CSS for this ratio
aspect-ratio: 16 / 9;
padding-bottom: 56.25%;
The first line is all a current browser needs. The second is the older padding trick, for a box with no content of its own to give it height.
Common resolutions
ResolutionKnown asPixels

The exact ratio comes first — anything rounded is labelled as rounded, with the difference shown.

How to use the aspect ratio calculator

The page has three tabs because “aspect ratio” is asked in three different shapes. Each one is independent, so switching tabs never disturbs what you left in another.

  • Find the Ratio — type a width and a height and get the exact reduced ratio, the decimal, the pixel count, and the name of the standard ratio it is nearest to. Use the swap button to flip landscape to portrait, or read the size straight out of an image file.
  • Resize — put in the original width and height, then type either a new width or a new height. The other one fills itself in so the shape is preserved. This is the aspect ratio resize calculator most people are after.
  • Screen Size — enter the diagonal a television or monitor is sold by, pick its ratio, and get how wide and how tall the panel actually is, in inches, centimetres or millimetres.

What an aspect ratio is

An aspect ratio is the relationship between width and height, written as two numbers with a colon between them. It describes shape and nothing else. 1280×720, 1920×1080 and 3840×2160 are all 16:9, so all three are the same shape and differ only in how many pixels fill it.

Getting the ratio is one division. Find the largest number that divides into both the width and the height — the greatest common divisor — and divide both by it. For 1920 and 1080 that number is 120: 1920 ÷ 120 = 16 and 1080 ÷ 120 = 9, giving 16:9. This calculator does exactly that on whole numbers, so what you get back is the true ratio in its lowest terms — the same thing as simplifying a fraction — and not a decimal dressed up to look like one.

That distinction matters more often than you would think. A 1366×768 laptop panel is sold as 16:9, but its exact ratio is 683:384 — about 0.05% away from 16:9, which is invisible, but not the same number. Where the two differ, this page shows the exact ratio first and then names the standard one it is close to, along with how far apart they are, rather than quietly rounding on your behalf.

Common aspect ratios

RatioDecimalWhere you meet it
1:11.0000Square social posts, avatars, album covers
4:50.8000The tallest portrait post the Instagram feed allows
5:41.2500Older 1280×1024 office monitors
4:31.3333Pre-widescreen televisions, iPads, many compact cameras
3:21.500035mm film, most mirrorless and DSLR sensors, Surface laptops
16:101.6000Many premium laptop and monitor panels, and MacBooks before the notch
16:91.7778HD and 4K video, TVs, most monitors and displays, YouTube
1.85:11.8500Cinema “flat” projection
21:9 / 43:182.3333 / 2.3889Ultrawide monitors — 3440×1440 is really 43:18
2.39:12.3900Cinema “scope”, the widest common film shape
32:93.5556Super-ultrawide monitors such as 5120×1440
9:160.5625Stories, Reels, TikTok, Shorts — 16:9 stood upright

Resizing without stretching

To resize a photo, an image or a video and keep it looking right, both dimensions have to change by the same factor. Halve the width and you must halve the height. Change only one and the picture is squashed or stretched, which is obvious on faces and on circles long before it is obvious anywhere else.

The arithmetic is a single cross-multiplication. New height = new width × old height ÷ old width. Going from 1920×1080 to 1280 wide gives 1280 × 1080 ÷ 1920 = 720. The Resize tab runs it in both directions, so you can drive it from whichever side you actually have a constraint on.

Most ratios do not divide evenly into most widths. 1920×1080 scaled to 1000 pixels wide wants a height of 562.5, and image files have no half pixels. The tool rounds to 563, tells you it rounded, states the ratio 1000×563 really has, and offers the nearest sizes that are exact multiples of 16:9 — useful when a video encoder or a print job insists on clean numbers.

Screen size from the diagonal

A TV, monitor or any other display is sold by its diagonal, which tells you almost nothing on its own about how much wall or desk they need. The diagonal, the width and the height form a right-angled triangle, so scale the ratio until its own diagonal matches the quoted figure and the real sides fall out.

A 55″ 16:9 television is about 47.94″ wide and 26.96″ tall — about 121.8 × 68.5 cm of panel, before the bezel and the stand. A 27″ 16:9 monitor is about 23.53″ by 13.24″.

The catch worth knowing is that the same diagonal does not mean the same area. The further a rectangle is from square, the less area a given diagonal encloses. A 49″ 32:9 super-ultrawide has substantially less screen than a 49″ 16:9 television, because it is far shorter for the same corner-to-corner measurement. The Screen Size tab prints that comparison next to whatever ratio you enter, so the difference is a number and not a surprise after delivery.

Aspect ratio in CSS

On the web, aspect-ratio: 16 / 9; tells the browser to hold a box in that shape however wide it ends up, which is what keeps embedded video and image placeholders from jumping about as a page loads. Every current browser supports it.

The older method is a percentage of padding-bottom on an empty box, because vertical padding percentages are measured against the element’s width. For 16:9 that percentage is 9 ÷ 16 = 56.25%. The Find the Ratio tab prints both lines for whatever shape you have entered, ready to copy.

Which ratio for which platform

WhereRatioUsual pixel size
YouTube video16:91920×1080 or 3840×2160
YouTube thumbnail16:91280×720
Instagram feed, square1:11080×1080
Instagram feed, portrait4:51080×1350
Stories, Reels, TikTok, Shorts9:161080×1920
Presentation slide16:91920×1080
Desktop wallpaper16:91920×1080 or 3840×2160
Ultrawide wallpaper43:183440×1440

Upload something in the wrong shape and the platform will either add bars around it or crop it, and neither choice is yours. Getting the ratio right first is cheaper than arguing with an automatic crop afterwards.

Nothing is uploaded

Every calculation on this page happens in your browser. When you use Choose an image, the browser reads that file’s width and height on your own device and hands back two numbers — the picture itself is never sent anywhere, never stored, and never seen by us. Once the page has loaded it works with no connection at all.

Frequently Asked Questions

Divide the width and the height by the largest number that goes into both of them, which is their greatest common divisor. For 1920 by 1080 that number is 120, and dividing gives 16 by 9, so the aspect ratio is 16:9. This calculator does the division for you and also gives the ratio as a single decimal, which is the width divided by the height.
It means the shape is 16 units wide for every 9 units tall, and it says nothing at all about size. 1280 by 720, 1920 by 1080 and 3840 by 2160 are all 16:9, so they look identical in shape and differ only in how many pixels they contain. As a decimal, 16:9 is 1.7778 to 1.
Keep the ratio between width and height the same, which means changing both by the same factor. Halving the width means halving the height. The Resize tab does it for you: put the original width and height in, type either the new width or the new height, and the other one is filled in for you. Change only one of the two and the image is stretched.
Exactly 683:384, even though almost every laptop with that panel is sold as a 16:9 screen. It is not quite 16:9, but it is within 0.05 percent of it, which is far too small to see. This is exactly the sort of case the calculator flags: it shows the exact reduced ratio first, then names the standard ratio it is closest to and how far away it is, so you are never told a rounded answer as if it were exact.
The diagonal, width and height of a screen form a right-angled triangle, so the diagonal is the square root of the width squared plus the height squared. Scale the ratio until its diagonal matches the one quoted and you have the real sides. A 55 inch 16:9 television works out at about 47.94 inches wide and 26.96 inches tall. The Screen Size tab does this for inches, centimetres or millimetres.
Only if they have the same aspect ratio. The diagonal on its own does not fix the area, and the further a shape is from square the less area that diagonal encloses. A 49 inch super-ultrawide at 32:9 has noticeably less screen than a 49 inch 16:9 television, because it is far shorter for the same corner-to-corner measurement. The Screen Size tab shows the 16:9 comparison next to whatever ratio you enter.
It tells the browser what shape a box should be, so a container holds its proportions as the page resizes. Writing aspect-ratio: 16 / 9 keeps a box 16 wide for every 9 tall whatever the width turns out to be. It is supported in every current browser. The older way was a padding-bottom percentage on an empty box, which works the same way because vertical padding percentages are measured against the width. The calculator prints both for whatever ratio you enter.
YouTube is 16:9, normally uploaded at 1920 by 1080 or 3840 by 2160. Instagram feed posts are 1:1 at 1080 by 1080 or 4:5 at 1080 by 1350, the usual portrait size, though Instagram has changed what it accepts more than once. Stories, Reels, TikTok and YouTube Shorts are all 9:16 at 1080 by 1920. Presentation slides are 16:9. Anything outside the expected ratio gets letterboxed with bars or cropped.
Because most ratios do not divide evenly into most widths. Scaling 1920 by 1080 down to 1000 pixels wide gives a height of 562.5, and there is no such thing as half a pixel in an image file. The calculator rounds it, tells you the exact figure it rounded from, states the ratio the rounded pair really has, and suggests the nearest sizes that are exact multiples of the ratio if you need one that divides cleanly.
No. Every figure is worked out in your browser. When you read the size from an image, the file is opened by the browser on your own device to read its width and height and is never uploaded, never saved and never seen by us. The page keeps working with no connection once it has loaded.