← All Guides🖼️ Image Tools

Image Resizing Guide: Dimensions, Compression, and Best Practices

5 min read · Updated September 2026

Resizing an image isn't just about changing pixel dimensions — it's about matching the right size, quality, and format to the destination. A photo that looks great on a 4K monitor can be a 10MB burden on a mobile webpage.

Common Image Sizes

Use CaseRecommended SizeFormat
Website hero1200-1920px wideWebP or JPEG
Blog post800-1200px wideWebP or JPEG
Instagram post1080 × 1080pxJPEG
Facebook share1200 × 630pxJPEG
Print (300 DPI)Varies by print sizePNG or TIFF
Email600px wide maxJPEG, quality 60-70%

Resolution vs DPI

  • Resolution — Total pixels (e.g., 4000 × 3000 = 12 megapixels)
  • DPI (Dots Per Inch) — Only matters for print. 72 DPI for web, 300 DPI for print.
  • A 4×6 inch print at 300 DPI needs 1200 × 1800 pixels. The same image at 72 DPI is still 1200 × 1800 pixels on screen — DPI doesn't affect web display.

Compression Quality Guide

  • 90-100% — Minimal compression, large files. For archival or print.
  • 70-85% — Good balance. Recommended for most web images.
  • 50-65% — Aggressive compression, visible artifacts. Only for thumbnails.

Resize your images

Use our Image Resize & Convert tool to resize, compress, and convert images — 100% in your browser with quality control.

Worked Example: Preparing One Photo for Blog, Social, and Email

You shot a 6000 × 4000 photo (4.2 MB as JPEG) and need three derivatives. Here is the plan with real numbers:

  1. Blog hero: resize to 1200px wide (1200 × 800), export JPEG at quality 80 — about 180 KB
  2. Square social post: crop centered to 1080 × 1080, JPEG quality 75 — about 140 KB
  3. Email newsletter: resize to 600px wide, JPEG quality 65 — about 45 KB
  4. Archive: keep the original untouched — every future derivative should come from it, never from an already resized copy
OutputDimensionsQualityResulting size
Original6000 × 40004.2 MB
Blog hero1200 × 80080~180 KB
Social square1080 × 108075~140 KB
Email600 × 40065~45 KB

All three outputs together weigh about 365 KB — less than a tenth of the original — and each is sharp at its destination size. That is the entire job: right dimensions, right quality, right format, per destination. You can produce all three in one pass with the Image Resize & Convert tool.

Common Mistakes

  • Upscaling small images — a 400px thumbnail stretched to 1200px looks soft and blurry no matter what the tool claims. Never upscale; crop or reshoot instead.
  • Resizing the same JPEG repeatedly — each save recompresses and stacks artifacts, exactly like re-encoding audio from a lossy copy. Always work from the original.
  • Ignoring aspect ratio — forcing a 4:3 photo into a 1:1 box by stretching distorts faces and horizons. Crop instead of stretching, or use a tool that locks the ratio.
  • Sending 72 DPI files to print — a 1200px image prints postage-stamp-sized at 300 DPI. Calculate print dimensions from pixels ÷ 300 before delivering anything to a printer.
  • Skipping quality settings — default "save for web" options are often 100% quality, producing files three to five times larger than the eye can distinguish.

Frequently Asked Questions

Does resizing an image reduce its quality?

Downscaling discards pixels permanently, but at the correct destination size the result looks identical — you cannot display pixels that were never there. The quality loss people actually notice comes from over-compression, not from resizing itself.

What resolution do I need for printing?

Use 300 DPI as the standard: divide your pixel dimensions by 300 to get the largest print size in inches. A 3000 × 2000 image prints cleanly at 10 × 6.7 inches, and large prints viewed from a distance can go lower.

Should I resize or compress first?

Resize first, then compress. Compressing a huge image and then shrinking it wastes bits on detail that gets thrown away anyway, while resizing first means the compressor spends its budget only on the pixels that remain.

How big should images be for email?

Keep the whole email under 1 MB and individual images under 100 KB, at 600px wide maximum. Many clients block images by default, so never build an email that is one giant picture.

The Bottom Line

  1. Match image dimensions to the destination — don't load a 4000px image for a 800px display
  2. Use 70-85% quality for web — the difference from 100% is barely visible
  3. DPI only matters for print, not web display
  4. Convert to WebP for 25-35% smaller files at the same quality

Disclaimer: This guide is for informational purposes only.

Joke of the Day
Sep 6

What do you call a crab that plays baseball?

100% Free, Forever

Keep Tools Free for Everyone

No paywalls, no signups, no data sold. Built by a solo developer who believes useful tools should be accessible to everyone.

Support me on Ko-fi— keep tools free

100% of proceeds go towards hosting & building more free tools.