Skip to main content
The Toolbox
Back to BlogCalculator Guides

How to Calculate Aspect Ratio (and Why PPI and DPI Are Not the Same Thing)

Aspect ratio is width divided by height, simplified by GCD to its lowest terms. Learn how 1920x1080 becomes 16:9, the proportional scaling formula (new height = new width divided by the decimal ratio), the difference between contain and cover bounding box fits, why PPI measures screen density and DPI measures print density, and how to calculate print size in inches from pixel dimensions at 300 DPI.

The Toolbox TeamAugust 13, 20268 min read

The problem: people confuse aspect ratio with resolution and PPI with DPI

Aspect ratio and resolution are related but independent. A 1920x1080 image and a 3840x2160 image have the same aspect ratio (16:9) but different resolutions. Aspect ratio is the shape. Resolution is the pixel count. Two images with the same shape can have wildly different file sizes and detail levels. People conflate them because both involve width and height, but they answer different questions: "what is the proportions of this rectangle?" versus "how many pixels are in this rectangle?"

The same confusion applies to PPI and DPI. PPI (pixels per inch) measures screen pixel density — how many physical pixels a display packs into one inch. DPI (dots per inch) measures print resolution — how many ink dots a printer places per inch. A 300 PPI image printed at 300 DPI looks sharp. The same image printed at 72 DPI looks blocky. The pixel dimensions did not change. The print density did. Using these terms interchangeably causes real problems when preparing images for print versus screen.

The Aspect Ratio Calculator computes simplified ratios, scales dimensions proportionally, fits images into bounding boxes (contain and cover), calculates PPI from screen diagonal, and converts pixel dimensions to print sizes at a given DPI. Understanding the formulas behind these operations is the difference between resizing an image correctly and distorting it.

Fastest path

Open the Aspect Ratio Calculator, enter width and height in the Calculator tab. The tool shows the simplified ratio (e.g., 16:9), the decimal ratio (1.7778), the closest standard ratio, and matching social media sizes. Use the Scale and Fit tab to resize while maintaining the ratio. Use the Display tab for PPI calculations. Use the Print Size tab to convert pixels to inches and centimeters at a given DPI.

Simplifying ratios with GCD

The aspect ratio of a rectangle is width divided by height, expressed as W:H in lowest terms. Reducing to lowest terms uses the greatest common divisor (GCD). The Euclidean algorithm computes GCD by repeated division: GCD(a, b) = GCD(b, a mod b), stopping when b is 0.

1920 and 1080:
  GCD(1920, 1080) = GCD(1080, 840) = GCD(840, 240) = GCD(240, 120) = GCD(120, 0) = 120

  1920 / 120 = 16
  1080 / 120 = 9

  Ratio: 16:9

The tool runs this algorithm on any width and height you enter. The decimal form (1920 / 1080 = 1.7778) is useful for scaling calculations, but the simplified W:H form is what people recognize — 16:9, 4:3, 1:1, 21:9. The tool shows both.

Proportional scaling: the one formula

To resize an image while maintaining its aspect ratio, you scale one dimension and compute the other from the ratio. The decimal ratio (W/H) is the conversion factor.

Scale by width:  newHeight = newWidth / (W/H)
Scale by height: newWidth = newHeight * (W/H)

Example: you have a 1920x1080 image and need it 640 pixels wide.

newHeight = 640 / (1920/1080) = 640 / 1.7778 = 360
Result: 640x360

The tool's Scale and Fit tab does this. Enter a target width or height, and it computes the matching dimension from the current ratio. The quick-scale presets (320, 480, 640, 720, 1024, 1280, 1920, 2560, 3840) each compute the proportional height in one click.

Contain vs cover: two ways to fit a bounding box

When you need to fit an image into a fixed-size box (e.g., a 300x300 thumbnail container), there are two strategies. The tool supports both in the Scale and Fit tab.

Contain scales the image to fit entirely within the box. The image is not cropped, but there may be empty space (letterboxing or pillarboxing) on two sides. The scale factor is the minimum of the two ratios:

scale = min(boxWidth / imageWidth, boxHeight / imageHeight)

A 1920x1080 image in a 300x300 box: scale = min(300/1920, 300/1080) = min(0.156, 0.278) = 0.156. Result: 300x169. The image fits inside the box with 131 pixels of empty space above and below.

Cover scales the image to fill the box entirely. The image is cropped on two sides. The scale factor is the maximum of the two ratios:

scale = max(boxWidth / imageWidth, boxHeight / imageHeight)

The same 1920x1080 image in a 300x300 box: scale = max(0.156, 0.278) = 0.278. Result: 534x300. The image overflows the box on the width axis and gets cropped to 300x300. No empty space, but content is lost.

These correspond to object-fit: contain and object-fit: cover in CSS. Contain preserves all content. Cover fills the frame. Which one you want depends on whether showing the entire image matters more than filling the container.

PPI: screen pixel density

PPI (pixels per inch) measures how densely a display packs pixels. Higher PPI means sharper text and images. The formula uses the screen's diagonal size in inches and its pixel dimensions:

diagonalPx = sqrt(width^2 + height^2)
PPI = diagonalPx / diagonalInches

Example: a 27-inch monitor at 2560x1440.

diagonalPx = sqrt(2560^2 + 1440^2) = sqrt(6,553,600 + 2,073,600) = sqrt(8,627,200) = 2936.5
PPI = 2936.5 / 27 = 108.8

The tool's Display tab computes this from the screen diagonal and pixel dimensions. It classifies the result: under 100 PPI is low-density (older monitors), 100-150 is standard, 150-220 is high-DPI, and 220+ is retina-class. A 6.1-inch phone at 1170x2532 hits about 460 PPI — well into retina territory. A 27-inch 4K monitor (3840x2160) hits about 163 PPI — high-DPI but not retina.

PPI matters because it determines how large an image appears on a given screen. A 1080x1080 image at 100 PPI displays as 10.8 inches across. At 300 PPI, the same image displays as 3.6 inches. The pixel count is identical. The physical size depends on the display density.

DPI: print resolution

DPI (dots per inch) measures how many ink dots a printer places per inch. It determines the physical print size of a digital image. The formula is straightforward:

widthInches = pixelWidth / DPI
heightInches = pixelHeight / DPI

A 3000x2000 image printed at 300 DPI:

widthInches = 3000 / 300 = 10 inches
heightInches = 2000 / 300 = 10 inches → 2000/300 = 6.67 inches

Print at 150 DPI instead: 20 x 13.33 inches. Same pixels, larger print, lower quality. The tool's Print Size tab computes this conversion and assesses quality: 300+ DPI is suitable for high-quality photo printing, 150-300 for general print, under 150 for screen only.

The 300 DPI standard exists because that is roughly the limit of what the human eye can resolve at normal viewing distance (about 12 inches). Printing above 300 DPI produces no visible improvement for most prints. Printing below 150 DPI produces visible pixelation.

Common aspect ratios and where they appear

The tool recognizes 10 standard ratios and 14 social media sizes. Here is where the common ones appear:

  • 16:9 (1.778): YouTube videos, most monitors and laptops, 1080p and 4K TV
  • 9:16 (0.5625): Instagram Stories, TikTok, YouTube Shorts, phone screens in portrait
  • 1:1 (1.0): Instagram posts, profile pictures, avatars
  • 4:5 (0.8): Instagram portrait posts (1080x1350) — the tallest ratio Instagram allows in feed without cropping
  • 4:3 (1.333): older TVs, some tablets, Micro Four Thirds cameras
  • 3:2 (1.5): most DSLR and mirrorless cameras (35mm sensor)
  • 21:9 (2.333): ultrawide monitors, cinematic films
  • 2.39:1 (2.39): anamorphic cinema
  • 5:4 (1.25): medium format photography, some older monitors

The tool matches your input against these and shows the closest match. If you enter 1920x800, the decimal ratio is 2.4, and the tool identifies it as closest to 2.39:1 (cinematic).

Gotchas

  • Aspect ratio does not tell you resolution. 16:9 describes the shape, not the pixel count. A 4K video (3840x2160) and a 720p video (1280x720) are both 16:9. When someone asks for a "16:9 image," they also need to specify the resolution. The tool shows both ratio and pixel dimensions.
  • Cover crops content. When fitting an image into a bounding box using cover, the image is scaled to fill the box and the overflow is cropped. If the important content is near the edges, it gets cut. Use contain if you need to show the entire image, and accept the letterboxing.
  • PPI and DPI measure different things. PPI is a property of the display. DPI is a property of the printer. A screen image has no DPI — it has pixel dimensions. DPI only matters when you send the image to a printer. The tool keeps them in separate tabs for this reason.
  • Print size depends on DPI, not PPI. A 3000-pixel-wide image prints at 10 inches at 300 DPI, regardless of what screen it was viewed on. The PPI of your monitor does not affect print size. The tool's Print Size tab uses DPI, not the PPI from the Display tab.
  • Social media platforms crop inconsistently. Instagram feed crops portrait posts to 4:5 even if you upload 9:16. Twitter crops images differently on mobile and desktop. The tool shows the recommended upload dimensions, but the platform may still crop or compress your image after upload. Upload at the recommended dimensions and let the platform handle it — do not pre-crop to what you think the feed will show.

Summary

  • Aspect ratio is width divided by height, simplified to lowest terms via GCD. 1920x1080 becomes 16:9. The decimal form (1.778) is used for scaling calculations. Resolution is the pixel count — it is independent of aspect ratio.
  • Proportional scaling uses one formula: newHeight = newWidth / (W/H), or newWidth = newHeight * (W/H). The Scale and Fit tab computes this, plus contain and cover bounding box fits. Contain preserves content with possible letterboxing. Cover fills the box with possible cropping.
  • PPI measures screen pixel density: sqrt(W^2 + H^2) / diagonal in inches. DPI measures print resolution: pixels / DPI = inches. They are not interchangeable. The 300 DPI standard is the practical limit for print quality at normal viewing distance.
  • The tool recognizes 10 standard ratios and 14 social media sizes. Use the Social Media Size Guide tab to find the exact pixel dimensions each platform recommends, and the Compare Ratios tab to see whether two dimensions produce the same shape.
  • Use the Aspect Ratio Calculator for ratio computation, scaling, PPI, and print size, the Image Resizer to actually resize image files while maintaining the ratio, the Percentage Calculator for percentage-based scaling, and the Image Format Converter to change file formats without changing dimensions.
aspect-ratioratiodimensionsppidpiprint-sizescalinghow-to

Related Tools

aspect ratio calculatorimage resizerpercentage calculatorimage format