How to Compress Images Without Losing Quality
Most images are far bigger than they need to be. A phone photo is often 3–6 MB, yet it looks identical on screen at 300 KB. This guide shows the order that gets you there — resize, choose a format, set quality — and how to hit an exact size limit like 100 KB for an upload form.
Why image files are so big
File size comes from two things: how many pixels the image has and how efficiently the format stores them. A 12-megapixel phone photo is 4000 × 3000 pixels — about four times wider than most laptop screens show it. Every one of those pixels is stored, even though nobody will ever see them at full size.
That is why compression alone often disappoints: squeezing the quality of a 4000-pixel image still leaves you with 12 million pixels. Resizing first does most of the work.
Step 1: Resize to the size it will be shown
Decide where the image is going and resize it to that width with the Image Resizer:
- Email attachments and chat: 1600–2000 px on the long side is plenty.
- Website content images: the column width × 2 for sharp phone and Retina screens — often 1200–1600 px.
- Thumbnails and avatars: 200–400 px.
- Upload forms (job portals, visa applications): follow the pixel size they ask for, if any.
Halving the width and height cuts the pixel count by 75%, and the file size drops roughly in proportion — before you have touched the quality setting.
Step 2: Pick the right format
| Format | Best for | Notes |
|---|---|---|
| JPG | Photos | Works everywhere. No transparency. |
| PNG | Screenshots, logos, text, transparency | Lossless, so photos saved as PNG are huge. |
| WebP | Websites | Usually 25–35% smaller than JPG at the same visual quality; supports transparency. |
| AVIF | Websites | Often smaller still, slower to encode; supported by all current major browsers. |
The classic mistake is a photo saved as PNG: switching it to JPG or WebP with the Image Converter often cuts the size by 80–90% on its own. iPhone photos arrive as HEIC, which many websites and Windows apps still reject — convert them with HEIC to JPG first.
Step 3: Set the quality
JPG and WebP have a quality slider from 0 to 100. The relationship is not linear: going from 100 to 85 usually halves the file with no difference you can see, while going from 60 to 40 saves little and starts to show blocky artifacts around edges and in skies.
A good default is quality 75–85. Open the Image Compressor, compare the before and after at 100% zoom, and lower the quality until you can just see a difference — then go back up one step.
Look at areas that break first: smooth gradients (sky, skin), fine text, and sharp edges against flat color. Screenshots with text compress badly as JPG; keep them as PNG or use WebP.
Hitting an exact size limit
Forms often say “maximum 100 KB” or “between 20 KB and 50 KB”. Guessing quality settings by hand is slow, so use a target-size tool such as Compress Image to 100 KB: it searches for the highest quality that fits under the limit, and reduces the dimensions only if quality alone isn’t enough.
If the result still looks poor, crop away background first. A passport-style photo only needs the head and shoulders; cropping removes pixels that would otherwise eat the budget.
Remove hidden metadata
Photos carry EXIF data: camera model, date, and often the GPS location where they were taken. It adds a few kilobytes and can reveal where you live. Re-encoding an image in the browser tools above drops this metadata, which is both smaller and more private.
Quick checklist
- Crop to what matters.
- Resize to the display size (× 2 for sharp screens).
- Photos → JPG or WebP; screenshots and logos → PNG or WebP.
- Quality 75–85, compared side by side.
- For a hard limit, use a target-size compressor.
Every tool linked here runs in your browser, so the images are never uploaded to a server.
