The Complete Guide to Aspect Ratio Calculator
An aspect ratio calculator solves two related problems: simplifying a width and height into a clean ratio like 16:9, and finding the missing dimension when you already know one side and the ratio you need to maintain. Enter a width and height and the tool reduces it to its simplest ratio and decimal form, or enter a new width or height alone and it calculates the matching dimension so the image or video keeps its correct proportions.
This comes up constantly in video editing, screen and print design, and social media, where uploading an image at the wrong ratio gets it cropped or stretched by the platform. A resolution like 1920ร1080 is technically just a pair of pixel dimensions, but the ratio behind it, 16:9, is what determines whether that same design will still look right scaled down to 1280ร720 or up to 3840ร2160.
Getting a ratio wrong by even a small amount is enough to visibly distort an image, and doing the division by hand for an odd resolution like 1366ร768 is easy to get wrong. This tool applies the same simplification and scaling math every time, so you can move between resolutions or check a ratio without running the numbers yourself.
Aspect Ratio Explained: 16:9, 4:3, 1:1, 9:16 and Where Each Is Used
An aspect ratio describes the proportional relationship between an image or screen's width and height, written as two numbers separated by a colon. A 16:9 ratio means that for every 16 units of width, there are 9 units of height โ it doesn't specify an exact size, only the shape, which is why 1280ร720 and 3840ร2160 are both 16:9 even though one has far more pixels than the other.
16:9 is the standard for widescreen video, TV, and most modern monitors. 4:3 was the standard for older televisions and computer monitors and still appears in some presentation formats. 1:1 is a square, common for social media profile photos and grid posts. 9:16 is the vertical mirror of 16:9, and it's become the standard shape for phone screens, Stories, Reels, and TikTok video.
- 16:9 โ widescreen video, YouTube, most monitors and TVs
- 4:3 โ older TVs and monitors, some presentation slides
- 1:1 โ square format, social media profile photos and grid posts
- 21:9 โ ultrawide monitors and cinematic film formats
- 9:16 โ vertical video, Stories, Reels, TikTok, phone screens
- 3:2 โ common still-photography sensor and print ratio
How to Resize Without Distortion (Calculating the Missing Dimension)
To resize an image or video without stretching or squashing it, only one of the two dimensions can be chosen freely โ the other has to be calculated from the aspect ratio to keep the proportions consistent. If you know the ratio (width รท height) and a new width, the matching height is: new height = new width รท ratio. If you know the new height instead, the matching width is: new width = new height ร ratio.
For example, starting from a 1920ร1080 image (a 16:9 ratio, or 1.778 as a decimal), resizing to a new width of 1280 gives a new height of 1280 รท 1.778, which is 720 โ matching the familiar 1280ร720 resolution exactly. Skipping this calculation and picking both dimensions manually is the most common cause of a stretched or squished image.
- New height = new width รท ratio
- New width = new height ร ratio
- Example: 1920ร1080 (ratio 1.778) resized to width 1280 โ height 720
How to Simplify a Ratio to Its Lowest Terms
Simplifying a ratio means reducing both numbers by their greatest common divisor (GCD) โ the largest number that divides evenly into both โ until they can't be reduced any further. For 1920ร1080, the greatest common divisor is 120, so dividing both numbers by 120 gives 16:9, the simplified form that's actually meaningful to compare against other resolutions.
This matters because raw pixel dimensions don't tell you the shape at a glance the way a simplified ratio does. A resolution of 2560ร1440 might look unrelated to 1920ร1080 on paper, but both simplify to the same 16:9 ratio, meaning content designed for one will scale cleanly to the other without cropping or letterboxing.
Aspect Ratio vs Resolution: They Are Not the Same Thing
Resolution refers to the actual pixel dimensions of an image, like 1920ร1080 or 3840ร2160, while aspect ratio refers only to the proportional shape those dimensions form. Two images can share the same resolution but different ratios, and, more commonly, many different resolutions can share the exact same ratio โ 1280ร720, 1920ร1080, and 3840ร2160 are all 16:9.
Confusing the two leads to real mistakes: a design brief that says deliver in 16:9 doesn't specify a pixel count, and a request for 1080p is a resolution, not a ratio, that happens to correspond to 16:9. Knowing which one a project actually requires prevents delivering an asset at the correct pixel count but the wrong shape, or vice versa.
Common Aspect Ratios for Video, Photography, and Social Media
Different platforms and formats favor different ratios, and using the wrong one usually means the platform crops or adds bars to your content automatically rather than rejecting it outright. YouTube and most desktop video defaults to 16:9, while Instagram Stories, TikTok, and YouTube Shorts default to 9:16 vertical video for full-screen mobile viewing.
Photography has its own common ratios independent of video: 3:2 is the classic ratio produced by most DSLR and mirrorless camera sensors, while 4:3 is common on smartphone cameras and some point-and-shoot models. Print work adds further variation, since standard photo prints and frames (4ร6, 5ร7, 8ร10) don't all share the same ratio as the digital source they're printed from, which is why cropping is often needed before printing.
Converting Between Horizontal and Vertical (Portrait) Ratios
A vertical, or portrait, ratio is simply a horizontal ratio with the two numbers flipped โ 16:9 landscape becomes 9:16 portrait, and 4:3 becomes 3:4. The relationship between width and height is preserved, just rotated 90 degrees, which is why a 9:16 phone video and a 16:9 desktop video can come from the same footage cropped or rotated differently.
When converting a design from landscape to portrait, don't just swap the width and height labels on an existing asset โ recalculate the actual pixel dimensions for the new orientation, since simply rotating a 16:9 frame doesn't reflow the content the way a purpose-built 9:16 layout does. Using this tool with the flipped ratio numbers gives the correct target dimensions for a portrait version of a design.
Common Use Cases
Resizing Video for Social Media
Calculate the correct 9:16 dimensions for a vertical video export when your source footage was shot in 16:9 widescreen.
Cropping Photos for Print
Find the matching dimensions to crop a photo to a standard print ratio like 4ร6 or 5ร7 without distorting the image.
Setting Up a Responsive Web Layout
Calculate the height for an image container at a specific width to reserve the correct space and prevent layout shift while the image loads.
Choosing a Monitor or TV Resolution
Compare resolutions like 1920ร1080 and 2560ร1440 by their simplified ratio to confirm they'll display content in the same proportions.
Designing Presentation Slides
Determine whether a slide deck needs to be built in a 16:9 or 4:3 ratio and calculate the exact pixel dimensions for exported images.
Common Mistakes to Avoid
Resizing both dimensions manually instead of calculating one
Picking a new width and a new height independently, rather than deriving one from the ratio, almost always introduces stretching or squashing.
Confusing aspect ratio with resolution
16:9 describes a shape, not a pixel count; assuming it means a specific resolution like 1080p can lead to the wrong file size being delivered.
Forgetting that flipping a ratio changes it, not just its label
9:16 is not the same shape as 16:9; portrait and landscape versions of a design need dimensions calculated separately.
Assuming all camera or phone photos share one ratio
Camera sensors vary between 4:3, 3:2, and other ratios, so an image straight from a device isn't guaranteed to match a target platform's requirement.
Pro Tips
- โUse the ratio's decimal form (like 1.778 for 16:9) for a quick sanity check when comparing two resolutions.
- โAlways calculate the missing dimension from the ratio rather than guessing a round number for both width and height.
- โRemember that a higher resolution doesn't necessarily mean a different aspect ratio โ check the simplified ratio, not just the pixel count.
- โWhen converting landscape content to a vertical platform, recalculate dimensions for 9:16 rather than simply rotating the original frame.
- โKeep a note of your project's target ratio before exporting assets, since different platforms default to different shapes.
Key Terms Explained
- Aspect Ratio
- The proportional relationship between an image or screen's width and height, expressed as two numbers separated by a colon.
- Resolution
- The actual pixel dimensions of an image or screen, such as 1920ร1080, which is distinct from its aspect ratio.
- Greatest Common Divisor (GCD)
- The largest number that divides evenly into both the width and height, used to reduce a ratio to its simplest form.
- Letterboxing
- Black bars added above and below content when its aspect ratio doesn't match the display or player's ratio.
- Portrait Ratio
- A vertical aspect ratio, such as 9:16, where the height is greater than the width, common on phone screens.