What Is DPI? Web vs Print — When It Matters
1) DPI / PPI / pixels — three different ideas
Pixel dimensions (e.g. 1920×1080) are the real resolution in the file. PPI/DPI metadata hints how large the image should print in inches. Browsers mostly care about pixels — a “300 DPI” tag does not speed up a page by itself.
2) What matters on the web
- Width that matches the layout (sometimes 2× for retina)
- Right format (WebP/AVIF/JPG)
- File weight (KB/MB) and LCP
3) Why DPI matters in print
Business cards, posters, and catalogs often target ~300 DPI. Roughly: needed pixels ≈ inches × DPI. A 3.94″ (~10 cm) width × 300 ≈ 1180 px wide.
4) Setting DPI in AllImageLab
Set DPI updates metadata. It is not a web magic button; print/PDF workflows may read the tag in layout tools.
5) Myths
- “72 DPI is the web standard” — outdated; pixels are what count.
- “Raising DPI sharpens” — no new detail appears; upscales can look soft.
- “Make everything 300 DPI” — can bloat web assets unnecessarily.
6) FAQ
Does Instagram need 300 DPI?
No — pixels and aspect ratio matter. ~1080 px width is a common band.
Images inside PDFs?
Print PDFs evaluate both metadata and real pixel density.
7) Next
Extra: quality checklist
Before you send or publish: is the order right, are blank pages gone, is the file under the email cap, is text still selectable, does mobile preview read cleanly? AllImageLab hubs split these jobs into tools — following a sequence beats trying to fix everything in one click.
Extra: ops notes
Agree on a “master → derivative” rule. Fix the master once; export separately for Instagram, email, and web. Derivatives of derivatives lose quality every hop. Strip location metadata when it should not travel. Preview in sRGB when brand color matters.
More reading: Blog, compression quality, format comparison.
Deeper notes for practitioners
Treat every export as a product decision: who will see it, on which device, and under which size budget? A storefront hero competing for LCP deserves more bytes than a footer icon. A WhatsApp preview can be harsher than your desktop retina display, so always spot-check on a phone. When collaborating with clients, keep a named master file and only ship derivatives — that single habit prevents the classic “JPEG of a JPEG of a screenshot” quality death spiral.
Internal tooling on AllImageLab is intentionally split so you can compose a pipeline: resize and crop under /boykirp, format changes under /donus, weight control under /comp, overlays and motion under /efek and /video, document packs under /pdfhub. Linking these steps in content also helps humans and crawlers understand that the site is a coherent toolkit, not a pile of thin landing pages.
- Prefer one strong adjustment over five stacked filters.
- Lock aspect ratio to the destination early (1:1, 4:5, 9:16, 16:9).
- After visual approval, compress once — then stop.
- Document your “good enough” quality numbers for the team (e.g. JPG 88–92).
- Revisit AVIF/WebP quarterly as encoder defaults improve.
If you are rebuilding an older site, inventory the top 20 templates by traffic and fix those assets first. Chasing perfection on archive pages rarely moves Core Web Vitals. Pair technical wins with clear alt text and honest filenames so accessibility and SEO improve together.
Practical checklist
Before you publish: is the aspect ratio right, is the file weight reasonable, is the crop-safe margin clear, is alt text useful? On AllImageLab the usual chain is resize → convert → compress. Finish color/effects on a master, then derive exports from that master.
Practitioner checklist (2026)
After reading this guide, set a one-time master→derivative rule. Fix the master in AllImageLab; export separately for Instagram, email, and web. Re-encoding derivatives destroys quality. Platform crops change — preview on a phone before publishing.
- Lock the aspect ratio first (1:1, 4:5, 9:16, 16:9), then effects or compression.
- Compress once after visual approval; avoid repeated exports.
- Strip location/device metadata with remove metadata when needed.
- Jump to the right tool: Resize, Compress, Convert, Effects, Video, PDF.
Common mistakes
- Wrong aspect crop cutting text or product edges.
- Heavy effects before resize — unnecessary quality loss.
- Long GIFs ballooning file size — prefer short loops or MP4.
- Trying to “sharpen” a soft source — pick a sharper frame first.
More reading: Blog, social sizes, compression quality, format comparison. AllImageLab tools run in the browser; files stay on your device.