Home/Blogs/DPI vs PPI Guide
Display Tech

DPI vs. PPI: Why “72 DPI” Is a Web Myth and What Actually Matters

By Crate Editorial Team•Published Oct 24, 2026•7 min read

Almost every graphic design student has been told: “Always export web images at 72 DPI, and print images at 300 DPI.”

Here is the blunt reality: For digital web graphics, DPI is completely meaningless. A 1920×1080 image saved at 72 DPI, 300 DPI, or 10,000 DPI will look 100% identical on every computer monitor and smartphone in existence. In this guide, we break down why this myth started and what actually dictates sharpness on modern Retina screens.

📐 Resize Images by Exact Pixel Dimensions

Crate Resize Image lets you scale images by true pixel dimensions or percentages with aspect ratio lock and one-click ZIP download.

Launch Free Image Resizer→

The Fundamental Difference: PPI vs. DPI

Pixels Per Inch (PPI)

Measures the physical pixel density of an electronic display screen. An iPhone 15 Pro screen has a hardware density of ~460 PPI. You cannot “save an image as 460 PPI”—PPI is a fixed property of the physical display hardware.

Dots Per Inch (DPI)

Measures the density of physical microscopic ink droplets sprayed by a commercial printing press onto physical paper. 300 DPI is the standard threshold where human eyes no longer see printer halftone dots.

Where Did the “72 DPI” Myth Come From?

In 1984, Steve Jobs and Apple launched the original Macintosh with a 9-inch black-and-white display. That specific cathode-ray screen physically measured 512 pixels wide across approximately 7.1 inches—which works out to exactly 72 pixels per inch.

Because Adobe software was originally developed on early Macs, 72 was hardcoded as a legacy metadata tag into file headers. Web browsers completely ignore this tag. A browser cares only about total pixel dimensions: width="1920" height="1080".

Retina Displays & the 2x/3x Asset Rule

Modern smartphones and 4K laptops feature Device Pixel Ratios (DPR) of 2x or 3x. A button styled at 400px wide on an iPhone screen actually requires an 800px or 1200px wide image asset to avoid looking blurry.

To ensure razor-sharp graphics on mobile screens, always export your graphic assets at double resolution (2x) and compress the file size using modern WebP or mozjpeg algorithms.

Advertisement
Google AdSense Partner SlotActive upon AdSense domain verification
Crate Creative Suite

More Free Creator Tools

100% private, client-side tools designed for video editors and creators.

Popular

Crate Captions

Auto-generate gapless 1w–5w word subtitles with smart emojis for CapCut, Premiere, & Shorts.

Video & SubtitlesLaunch →

Video Compressor

Compress MP4 and MOV videos up to 85% using in-browser WebAssembly with zero quality loss.

Video & SubtitlesLaunch →

Extract Audio

Rip clean uncompressed WAV audio from any MP4, MOV, or WebM video locally in seconds.

Audio UtilitiesLaunch →

Compress Image

Batch optimize JPEG, PNG, and WebP images client-side with interactive before/after inspection.

Image ToolsLaunch →

Remove Background

Instant neural foreground isolation. Create transparent PNG cutouts without server uploads.

Image ToolsLaunch →

Convert Image

Bulk convert WebP to PNG/JPG, PNG to WebP/JPG, or JPG to WebP with one-click ZIP download.

Image ToolsLaunch →

Crop Image

Crop images visually with 16:9, 1:1, 9:16, and 4:5 social presets with zero quality loss.

Image ToolsLaunch →

Rotate Image

Batch rotate images 90°, 180°, or 270° and mirror flip horizontally or vertically.

Image ToolsLaunch →

Watermark Image

Batch stamp copyright text or branding across photos with 9-point grid and diagonal repeat.

Image ToolsLaunch →

Blur & Censor Image

Blur faces, pixelate sensitive personal info, or blackout credit card numbers 100% in-browser.

Image ToolsLaunch →

Meme Generator

Create viral memes with classic Impact captions, custom image upload, and zero watermarks.

Image ToolsLaunch →

Crate Drop

Stream gigabyte files directly between two devices over encrypted peer-to-peer Wi-Fi channels.

File TransferLaunch →
Popular

Font Style Changer

Transform text into 50+ aesthetic Unicode fonts for Instagram bios, TikTok captions, & Discord.

Text & TypographyLaunch →