Image Compressor
Shrink JPEG, PNG, and WebP files without losing visible quality. Everything runs in your browser, no uploads, no servers, total privacy.
How to use
- 1Drop a JPEG, PNG, or WebP image onto the tool, or click to browse.
- 2Drag the quality slider to preview the estimated file size in real time.
- 3Hit Download when you're happy, or Re-compress to fine-tune.
Image Compressor
Drop your image here
or click to browse
Supports JPEG, PNG, WebP
How browser compression actually saves bytes
Your file is decoded to a bitmap and re-encoded at the quality you pick (JPEG 1–100, WebP equivalent). At quality 80 a photo typically drops 40–60% bytes with no visible change on phone screens; sharp text and logos artefect first, so screenshots prefer PNG. We use the Canvas API locally no upload, the bitmap never leaves your tab.
Quality vs resizing which knob to turn
Compression trims bytes at the same pixels; resizing trims pixels. To email a 6 MB phone photo, set quality 75–80 and cap width at 1920 px together they beat either alone. For print, keep 300 DPI and stay above quality 90. For avatars, resize to 512 px first, then compress order matters.
Privacy and gotchas
No server means safe for IDs or client images, but the bitmap still lives in tab memory close the tab on a shared device. Very large images (>20 MP) may hit phone memory; resize before you compress if the preview stalls. Batch? Do one at a time so each preview stays honest.
Frequently Asked Questions
Are my images uploaded?
No rendered locally via Canvas. Private by design.
Which quality for the web?
Photos 75–80, print 85–90, graphics prefer PNG lossless or WebP.
Resize or compress first?
Resize to target pixels first, then compress otherwise you compress pixels you will discard.
Quick Answer
Drag a JPEG, PNG, or WebP, pick quality 75-80 for web or 90 for print, preview size live, and download. Resize to 1920 px first if the photo is 4000 px wide you compress fewer pixels and save more bytes with no visible loss.
What is this tool?
An image compressor makes a photo file smaller without changing how many pixels wide or tall it is. It does this by packing the colors tighter. For JPEG and WebP you choose a quality number from 10 to 100. At 80 the picture looks the same on a phone but the file is often half the size. At 50 it gets tiny but faces may look blocky. PNG compression is different it shrinks without losing any detail, perfect for logos and screenshots. Our tool does this in your browser with Canvas, so the picture never leaves your device, which keeps it private and fast.
How it works
Your file is read into memory, drawn to a Canvas, and then re-encoded at the quality you pick. For JPEG, quality maps to quantization tables lower means more detail tossed. For PNG, we keep all pixels but strip extra metadata. For WebP, we use modern packing that is about 30 percent smaller than JPEG. The estimated size updates as you move the slider because we re-encode a preview in memory. When you hit Download, we save the new bytes with the same name plus a suffix, all local no upload, the bitmap lives only in your tab until you close it.
How to use 4 steps
- 1Drop a JPEG, PNG, or WebP onto the box or click to browse.
- 2Drag the quality slider (try 80 for photos, 90 for print) and watch the estimated size update.
- 3If the photo is huge (over 3000 px), resize to 1920 px first, then compress order matters.
- 4Click Download. Check the result, and Re-compress with +5 quality if text looks blurry.
Specs & formulas
| Item | Detail |
|---|---|
| JPEG quality | 10-100 (80 recommended for web) |
| WebP quality | 10-100 (often 30% smaller than JPEG) |
| PNG | Lossless, no quality slider strips metadata |
| Memory tip | Large images over 20 MP may hit phone memory resize first |
Quick reference
3 worked examples
1. Email a 6 MB phone photo
You need to email a 6 MB photo on a slow connection.
Resize to 1920 px, compress at 80 → ~500 KB fits and looks the same on screen
2. Logo for web
Logo has sharp text and clear background, JPG makes it fuzzy.
Keep as PNG lossless or WebP lossless text stays crisp, file still small
3. Batch for slides
Ten photos for a slide deck, each 4 MB, total too big.
Compress each at 78, resize to 1280 px → each ~200 KB, total 2 MB
Mistakes to avoid
- Compressing before resizing you compress pixels you will discard. Resize first.
- Saving screenshots as low-quality JPEG text turns fuzzy. Use PNG for graphics.
- Using quality 50 for portraits skin looks blocky. Stay 75+ for people.
Pro tips
- For photos with faces, start at 80 and go up 5 if skin looks smooth.
- For screenshots, skip quality slider use PNG.
- Close tab on shared device bitmap lives in memory until tab closes.
When to use it
Emailing photos without slow internet, hitting a CMS upload limit, optimizing images for fast web pages, and shrinking scans before printing. Because our compressor shows live size, you can hit a target like 500 KB without guessing. Pair with Photo Resizer for big photos and Size Limiter when you need an exact kilobyte goal.
Frequently Asked Questions
Are my images uploaded?
No read via FileReader and re-encoded via Canvas locally. Close the tab to clear memory.
Which quality for web?
Photos 75-80, graphics PNG lossless, WebP 75 is often best balance.
Resize or compress first?
Resize to target pixels first, then compress you compress fewer pixels.
Why does 1 TB drive show less?
Marketing uses 1,000 while system shows 1,024 a 1 TB drive shows ~931 GiB.
Will compression keep transparency?
JPEG flattens to white, PNG/WebP keeps transparency. Pick PNG/WebP for logos.