What “without losing quality” actually means
The phrase hides an important distinction, and getting it straight is what separates a clean compress from a ruined image. There are two completely different kinds of compression.
Lossless compressionstores every pixel exactly. Nothing is thrown away — the file just gets packed more efficiently, the way a ZIP archive shrinks a document without changing a single word. PNG is the everyday lossless image format. The upside is a mathematically perfect copy; the downside is that the savings are limited, usually 10–40% for a photograph, because there’s only so much you can pack without discarding data.
Lossy compressiondeliberately discards information — but not randomly. Formats like JPG, WebP, and AVIF were engineered around how human vision works. Your eyes are far more sensitive to brightness than to fine colour shifts, and they barely register subtle detail in busy areas. Lossy encoders exploit exactly those blind spots, dropping the data you were never going to see while keeping everything you would. Done well, the result is visually lossless: mathematically different from the original, indistinguishable to your eye.
So when people say “compress without losing quality,” they almost always mean the second thing: a file that’s dramatically smaller but looksidentical. That’s an achievable, everyday goal — a 9 MB phone photo becoming a crisp 800 KB web image with nothing lost that you could ever point to. The rest of this guide is about staying inside that visually-lossless zone on purpose.
The four levers that shrink an image
Every image compressor, no matter how it’s dressed up, is pulling some combination of four levers. Understanding them means you stop guessing and start compressing deliberately.
- Dimensions (resolution). How many pixels wide and tall the image is. This is the biggest and safest lever, and the one most people forget.
- Quality setting.How aggressively the lossy encoder discards detail, usually shown as a percentage. This is the lever people reach for first — but it should often be the second.
- Format. The codec doing the work. A modern format like AVIF simply packs the same picture into fewer bytes than an old one like JPG, for free.
- Metadata.The invisible baggage — GPS coordinates, camera model, colour profiles, thumbnails — riding along inside the file. Stripping it costs nothing visible and can shave a surprising amount off small images.
Pull them in that order and you’ll get the smallest file with the least visible cost. Let’s take the two that matter most — dimensions and quality — one at a time.
Lever one: resize to the size it’s actually shown
Here’s the single most under-used trick in image compression. A modern phone or camera captures photos at enormous resolutions — 4000, 6000, even 8000 pixels wide. But almost nowhere you’ll usethat photo needs anything close to that many pixels:
- A full-width image in a blog post is usually displayed at 1200–1600 pixels wide.
- A social media photo tops out around 1080–2048 pixels on the long edge.
- An email image rarely needs to be more than 1200 pixels wide.
- A product thumbnail might be shown at 400–600 pixels.
When you display a 6000-pixel photo in a 1500-pixel slot, the browser is silently throwing away three quarters of the pixels every time the page loads — while your visitors download all of them anyway. Resizing that image down to 1500 pixels before you use it removes those wasted pixels permanently. Because you’re only discarding detail the screen could never have displayed, there is no visible quality loss at all— and the file often drops by 75% or more, before you’ve even touched the quality slider.
The one rule: only ever resize down. Enlarging a small image (“upscaling”) invents pixels that were never captured and leaves the result soft and mushy — that genuinely does destroy quality. Shrink to match where the image will live; never stretch a small one up.
Lever two: find the quality sweet spot
Once the dimensions are right, the quality setting is where you fine-tune. Lossy formats let you dial how hard to compress, and the good news is the sweet spot is wide and forgiving. Here’s the map:
- 95–100% — archival.Effectively perfect, but the files stay large. Reserve it for images you’ll edit again or need at print grade. Overkill for anything on a screen.
- 80–90% — the everyday sweet spot.Indistinguishable from the original at normal viewing sizes, at a fraction of the size. This is where almost all web, email, and social images should live. For WebP and AVIF you can go a little lower — 75–85% — because they hold detail better at the same setting.
- 60–75% — aggressive.Files get noticeably smaller, but you’ll start to see faint blocking around hard edges and banding in smooth skies. Fine for thumbnails; risky for hero images.
- Below 60% — visible damage.The classic “over-compressed” look: blocky artifacts, smeared text, muddy gradients. Avoid unless size is the only thing that matters.
The mistake people make is treating quality as the onlylever and cranking it down to 40% on a full-resolution image — which produces an ugly, artifact-ridden file that’s still bigger than a cleanly resized 85% version would have been. Resize first, then set a sensible quality, and you get the best of both: small and clean.
How to compress an image without losing quality (step by step)
The method that works the same on every device — Windows, Mac, Linux, iPhone, Android — is a browser-based tool. With FormatDrop there’s nothing to install, no account, and — crucially — your images never leave your device. The compression happens inside your browser using a fast WebAssembly engine, so the files stay local the whole time.
- Open FormatDrop’s image converter. The engine loads straight into the tab — nothing installs and nothing uploads.
- Drag your photos onto the drop zone, or tap to pick them from your device. You can add a whole folder at once.
- Choose your output format. For the smallest web files pick AVIF or WebP; for universal compatibility keep JPG.
- Set the quality to around 80–85% and, if the option is there, resize to the width you’ll actually use.
- Download your compressed images. Everything ran on your device — nothing was sent to a server.
Because it’s entirely client-side, this is also the most private way to compress: no upload wait, no copy of your photo sitting on someone’s server. If you want a walkthrough tuned to a specific job, we’ve got focused guides for compressing images for websites and compressing images for email.
Lever three: pick the format that packs tighter
Switching format is compression you get almost for free. The same photograph, at the same visual quality, simply takes fewer bytes in a modern codec than an old one. From largest to smallest, at matched quality:
- JPG — the universal baseline. Works everywhere, but it’s a 1990s codec and leaves a lot on the table.
- WebP — roughly 25–35% smaller than JPG at the same quality, and supported by every current browser. A safe modern default.
- AVIF — roughly 30–50% smaller than JPG, the best compression of the mainstream formats, with excellent detail retention in shadows and skies.
For photographs headed to the web, converting to WebP or AVIF is usually a bigger, cleaner win than squeezing the quality slider on a JPG. If you’re weighing the two newer formats against each other, our AVIF vs WebP comparison breaks down where each one pulls ahead. And for the full picture across every format, see the JPG vs PNG vs WebP vs AVIF guide.
One caveat: format choice depends on the content, not just the numbers. JPG, WebP, and AVIF are all tuned for photographs. For graphics with sharp edges, flat colour, or text — logos, icons, screenshots, diagrams — a lossy photo codec will blur the crisp lines. Those belong in PNG (or lossless WebP), which brings us to the times you can’t touch a single pixel.
When you need true lossless compression
Sometimes “without losing quality” has to mean literally every pixel intact— a logo that must stay razor-sharp, a screenshot with fine text, a graphic with a transparent background, or a master file you’ll keep editing. For those, don’t reach for a lossy photo format at all.
PNGis the go-to lossless format, and it can still be compressed — just losslessly. PNG optimisation strips redundant data and re-packs the file with no change to a single pixel, typically reclaiming 10–40%. Our guide to compressing PNG files without losing qualitywalks through it, and it keeps transparency fully intact. If your PNG is actually a photograph (say, a screenshot of a photo), you’ll get far smaller files by converting it to WebP or JPG— but only when there’s no transparency or fine text to protect.
Lever four: strip the invisible metadata
Every photo carries hidden metadata — EXIF data with your camera model and settings, GPS coordinates of where you stood, embedded colour profiles, sometimes a built-in thumbnail. None of it changes how the image looks, but it inflates the file, and on smaller images it can be a meaningful slice of the total size.
Stripping metadata during compression is a pure win for most web use: smaller files and a nice privacy bonus, since you’re no longer publishing the exact GPS location a photo was taken. The only time to keep it is when you specifically need the camera data — for cataloguing, licensing, or photography portfolios. For everything else, letting the compressor drop it is free savings.
Format cheat-sheet: what to compress to
Here’s the honest side-by-side so you can decide per image, at a glance.