How to compress images for the web without losing quality

A practical, five-step process that cuts image weight by half or more while keeping your photos looking exactly as they should. No tools to install — everything here works in your browser.

The 30-second version

Open ImageAlchemy, drop your images in, pick the Web preset, and download. That alone handles steps 1–4 below for most people and typically saves 50–70% of file size.

Step 1 — Pick the format

Photographs → WebP (or AVIF for the smallest files). Graphics with flat colors or hard transparency → PNG, then losslessly optimized. Maximum compatibility (email, old CMSs) → JPEG. Never ship a BMP, TIFF or raw PSD to a browser.

Step 2 — Resize to the display size

Find the widest pixel dimension your image will actually be shown at, and downscale to it. A hero image is rarely needed wider than 1920px; a blog image rarely wider than 1280px; a thumbnail perhaps 400px. Shrinking a 4000px photo to 1920px removes 75% of its pixels before any compression even starts.

Step 3 — Set quality to 80, not 100

At quality 100 you pay a large file-size penalty for changes no human eye can detect on a screen. Quality 80 in WebP is the standard sweet spot; 70–75 is fine for content images and thumbnails. Preview at the size it will be shown — compression artifacts nearly vanish at real viewing scale.

Step 4 — Run a lossless pass and strip metadata

A lossless optimizer re-encodes the file with better entropy coding and drops EXIF data (camera model, GPS, software). Quality stays identical; the file shrinks a few percent more. ImageAlchemy applies this automatically with OxiPNG and MozJPEG's progressive + trellis settings.

Step 5 — Verify before you ship

Check the result at 100% zoom and at display size. Compare the original and the compressed version side by side — ImageAlchemy's before/after slider is built for exactly this. If you can't see a difference at the size your visitors will see it, the compression was free.

Compress your images now — free and private

Drop your files and ImageAlchemy compresses them in your browser. No uploads, no accounts, no limits. Batch process hundreds at once and download a ZIP.

Open the compressor
100% private No signup

Frequently asked questions

Use a lossy format (WebP or AVIF) at quality 80 and resize to the actual display dimensions, then run a lossless optimization pass. For most photographs this produces a file 50–70% smaller with no visible difference at viewing size. If you need pixel-perfect fidelity, use PNG with lossless optimization instead.

For privacy and batch processing, a browser-based tool like ImageAlchemy is best — nothing is uploaded, there are no file limits, and you can process hundreds of images at once. Squoosh is good for single images and detailed per-format control. TinyPNG is convenient but uploads your files and limits batch size on the free tier.

Lossy compression always discards some data, but the goal is to discard data your eyes can't use. At quality 80 in WebP or AVIF, the difference is imperceptible at normal viewing distance for nearly all photographs. Lossless compression (PNG, OxiPNG) reduces file size without discarding anything at all.

Typically 50–70% for photographs by converting to WebP at quality 80 and resizing to display dimensions. Converting a PNG photograph to WebP can save 80–90%. Lossless re-optimization adds another 2–10%.

It depends on the tool. Server-based compressors upload your images to their servers. ImageAlchemy performs all compression locally in your browser using WebAssembly codecs — files never leave your device, which makes it safe even for confidential or client work.