Favorite places of your favorite city
Home
Add to preferred sources on Google

Pixel Density Calculator (PPI)

Find a screen’s physical pixels per inch from its native resolution and active-image diagonal. Add a second screen to compare linear pixel density.

Screen specifications

Screen 1

Changing the unit keeps the number and interprets it in the new unit; it does not convert it.

Use native physical pixels and the diagonal of the active image, not the casing or a scaled desktop.

Whole pixels: 1–100000. Diagonal: greater than 0, up to 1000 in / 2540 cm; point or comma, up to 6 decimal places. No grouping. Maximum 32 characters per field.

Pixel density

Enter the resolution and diagonal to see PPI.

Physical screen density, assuming a rectangular active panel with square pixels. PPI does not measure perceived sharpness or CSS pixels.

Calculation details
  • PPI = √(width² + height²) ÷ diagonal in inches; 1 in = 2.54 cm. Pixel pitch in mm = 25.4 ÷ PPI. Comparison = 100 × (PPI₂ ÷ PPI₁ − 1), using unrounded values.

Results are approximate and rounded only for display. Modeled panel dimensions are not a fit guarantee; measurement accuracy depends on the diagonal entered.

Aspect Ratio CalculatorPrint Size Calculator

How to calculate screen PPI

  1. Enter the native horizontal and vertical pixel counts from the panel specification. Do not use a scaled desktop resolution or the browser viewport.
  2. Enter the diagonal across the active image and choose inches or centimeters. Changing the unit reinterprets the number already entered; it does not convert it.
  3. Read the approximate PPI. To compare, enable the second screen and enter its own resolution, diagonal and unit. Calculation details show pixel pitch and modeled panel dimensions.

What pixel density tells you

PPI means pixels per inch: the number of physical pixels along one inch of the screen. It is a linear density, not the total number of pixels in the panel.

For square pixels, the pixel diagonal is √(width² + height²). Divide it by the physical diagonal in inches. A centimeter diagonal is first divided by 2.54.

Pixel pitch is the distance between the centers of neighboring pixels: 25.4 divided by PPI gives millimeters. The width and height are modeled from the diagonal and native pixel proportions.

A higher PPI packs pixels more closely at the same physical length. Viewing distance, eyesight, rendering and other panel properties also affect what looks sharp; this calculator assigns no quality grade.

Worked screen examples

A 300 × 400 pixel screen with a 5-inch diagonal has 100 PPI. Its active area is approximately 3 × 4 inches, and the pixel pitch is 0.254 mm. A 12.7 cm diagonal gives the same result.

A 1920 × 1080 screen at 24 inches has about 91.79 PPI, with an active area of about 20.92 × 11.77 inches. At the same resolution, a larger diagonal lowers PPI.

A 2560 × 1440 screen at 27 inches has about 108.79 PPI: about 18.52% higher linear density than the 24-inch Full HD example. At 32 inches, the same 2560 × 1440 resolution has approximately the same density as that first screen.

Assumptions and rounding

The model assumes a flat rectangular active area with square physical pixels. It does not account for non-square pixels, subpixel layouts, curved or folded measurement conventions, VR optics, casing size or printer DPI.

PPI and dimensions normally show up to two decimal places; pixel pitch shows up to four. Very small positive values use a “less than” threshold, and large values use up to six significant digits without scientific notation. Comparison uses unrounded values; differences below 0.01% are described as approximately the same.

Your entries and copying

The arithmetic runs in your browser without uploading the entered screen specifications. Entries are not saved in this tool or added to its URL. Copy includes the current valid result and public page link; with an incomplete second screen, it includes screen 1 only. The surrounding site may still load ads, analytics and consent services.

Questions about screen PPI

PPI describes physical screen pixels per inch. DPI usually describes printer dots per inch. The terms are sometimes mixed in product listings, but this calculator models screen pixels, not printer dots.

Resolution counts pixels without saying how much space they occupy. The same resolution on a larger panel has fewer pixels per inch. Use the active-image diagonal from a measurement or specification, excluding the casing.

No. It means 20% more pixels per unit of length in this model. It is not a measured increase in perceived sharpness, workspace or pixels per area. Viewing conditions and rendering also matter.

Not by itself. devicePixelRatio relates physical pixels to CSS pixels and can change with page zoom. Native pixel dimensions and a physical diagonal are still needed; this tool does not detect them from your browser.

Sources

References for physical pixel density, browser pixels and unit conversion:

Checked on October 24, 2026.

These sources explain the concepts and conversion; they do not define this calculator’s input bounds or guarantee perceived sharpness.

SVG to PNG

Convert a local SVG file or pasted markup into PNG, with explicit dimensions, transparency and bundled fonts.

Open tool — SVG to PNG

CSS Filter Generator

Order and repeat CSS effects, compare a specimen and copy the exact filter declaration.

Open tool — CSS Filter Generator

Fluid Font Size Calculator

Create root-relative CSS from viewport endpoints and inspect the copied size model.

Open tool — Fluid Font Size Calculator

CSS Button Generator

Style native button states, inspect keyboard focus and copy HTML and CSS.

Open tool — CSS Button Generator

CSS Border Radius Generator

Edit eight corner radii, preview a box and copy CSS in pixels or percentages.

Open tool — CSS Border Radius Generator

CSS Grid Generator

Build a bounded CSS Grid example with editable tracks, placement and named areas. Preview it, copy CSS or HTML and download the same standalone example.

Open tool — CSS Grid Generator

CSS Flexbox Generator

Build a Flexbox example with container and item controls, explicit layout axes, matching CSS and HTML, and a local complete-example download.

Open tool — CSS Flexbox Generator

CSS Text Shadow Generator

Build ordered text shadows, preview plain text and copy exact CSS.

Open tool — CSS Text Shadow Generator

CSS Transform Generator

Compose repeatable 2D CSS transforms, edit px or percentage translation and origin, inspect a reference box and copy the exact current declarations.

Open tool — CSS Transform Generator

CSS Box Shadow Generator

Create ordered CSS box-shadow layers with a live preview and copyable code.

Open tool — CSS Box Shadow Generator

Image Watermark

Add a text or logo watermark to a batch of images, review each result and download individual files or a ZIP.

Open tool — Image Watermark

CSS Gradient Generator

Create linear or radial CSS gradients with editable colors, opacity and stops.

Open tool — CSS Gradient Generator

Color Converter

Convert supported sRGB HEX, RGB and HSL literals with alpha, explicit precision and current code Copy.

Open tool — Color Converter

Image to Text (OCR)

Recognize printed text in local PNG or JPEG images, choose a language and review or correct the result before copying or downloading.

Open tool — Image to Text (OCR)

QR Code Reader

Read one QR code from a local PNG or JPEG and inspect its text or content bytes without opening links.

Open tool — QR Code Reader

Color Contrast Checker

Compare foreground and background colors, adjust opacity and check WCAG numerical contrast thresholds for text and essential interface details.

Open tool — Color Contrast Checker

Print Size & Resolution Calculator

Calculate print dimensions, required pixels and effective PPI with fit or crop.

Open tool — Print Size & Resolution Calculator

Aspect Ratio Calculator

Find a width-to-height ratio or calculate a matching pixel size from one target dimension.

Open tool — Aspect Ratio Calculator

Image Compressor

Try to fit a JPEG, PNG or WebP within a target file size, with measured results and optional smaller dimensions.

Open tool — Image Compressor

HEIC to JPG

Convert supported HEIC photos locally into full-size JPG copies, with quality and background controls and verified individual or ZIP downloads.

Open tool — HEIC to JPG

Image Converter

Convert supported PNG, JPEG and WebP images locally with batch targets, transparency, background and quality controls, then review and download the encoded files.

Open tool — Image Converter

Photo Collage Maker

Arrange local photos in a grid, adjust crops and spacing, and download PNG or JPEG.

Open tool — Photo Collage Maker

Rotate & Flip Images

Rotate or mirror a local batch of static PNG, JPEG and WebP images, then review and download the processed results.

Open tool — Rotate & Flip Images

Image Cropper

Crop one local JPEG, PNG or WebP to exact pixels with visual and numeric controls. Download PNG or JPEG.

Open tool — Image Cropper
View all tools in this category