How to Reduce Image Size Without Losing Quality
A photo straight from a phone is often 3–8 MB, while an upload form, an email or a web page wants something closer to 100–500 KB. The good news is that you can usually cut a photo’s size by 70–90% without anyone noticing. This guide explains what actually makes a file big, and which levers to pull, in which order.
By the CrispPic team5 min read
What actually makes an image file big
Three things decide a file’s size: how many pixels it has, which format and compression it uses, and how much fine detail it contains. Pixels usually dominate. A 4032 × 3024 phone photo holds about 12 million of them, and even after JPEG compression that is several megabytes — yet a full-HD monitor is only 1920 pixels wide and a phone screen rarely shows more than about 1200. Most of those pixels are never displayed.
Detail matters too. A clear sky compresses to almost nothing, while a photo of leaves, fabric or a crowd is full of fine texture that costs bytes to store.
The four levers, in the order that works best
- Resize to the size you actually need. This is the biggest win by far. Halving both width and height removes 75% of the pixels. If the image will be shown 800 pixels wide, a 4000-pixel original is pure waste.
- Pick the right format. Photographs belong in JPG or WebP; screenshots, logos and text belong in PNG or WebP. WebP files are typically 25–35% smaller than JPG at similar visual quality. The JPG vs PNG vs WebP guide covers the trade-offs.
- Lower the quality a little. For photos, a JPEG quality of 75–85 is usually indistinguishable from the original at normal viewing size. Artifacts only start to become visible below roughly 60.
- Trim what you don’t need. Empty margins are pixels you pay for, so crop them away. When an image is re-encoded it also loses its camera and location metadata (EXIF) — a small saving and a privacy bonus. If you change nothing at all, CrispPic hands back the original file untouched.
Lossy vs lossless: why the loss is usually invisible
JPEG and WebP are “lossy” formats: they throw away detail the eye is bad at noticing — fine differences in colour, faint high-frequency texture — and keep what it is good at noticing, like edges and brightness. That is why a well-compressed photo looks the same at a fraction of the size. PNG is “lossless”: it keeps every pixel exactly, which is perfect for screenshots and logos but makes photographs enormous.
One caution: every time you re-save a lossy file, a little more detail is discarded. Keep your original, and export the smaller version from it once, rather than compressing a copy of a copy.
What kind of reduction to expect
| Situation | Before | After | How |
|---|---|---|---|
| Phone photo for an email | About 4 MB, 4032 × 3024 | 300–600 KB | Resize to about 1600 px wide, quality around 80 |
| Photo for a form with a 100 KB limit | About 3 MB | Under 100 KB | Resize to about 1000 px, then find the highest quality that fits |
| Screenshot saved as PNG | About 1.5 MB | 200–400 KB | Convert to WebP, or JPG if it has no transparency |
These figures are illustrative — real results depend on the picture. Busy, detailed photos shrink less than simple ones.
The quick way: compress to an exact size
Guessing at a quality slider until the file is small enough is slow. If you have a target — “under 200 KB” — it is faster to state it and let the tool work backwards. CrispPic searches for the highest quality that still fits under your limit, and only reduces the dimensions if quality alone can’t get there.
- Open the compress tool and drop in your image.
- Choose a size preset (20 KB to 1 MB) or type your own limit.
- Drag the before/after slider across the picture to check that it still looks right.
- Download the result. Nothing is uploaded — the work happens in your browser.
Common mistakes
- Compressing a screenshot of text as a JPEG. Text develops fuzzy halos. Keep screenshots as PNG or WebP, and reduce their dimensions instead.
- Enlarging a small image first. Upscaling adds pixels but no detail, so the file grows and the picture doesn’t improve.
- Saving a JPG as a PNG “for quality”. The file gets bigger, and the JPEG damage is now permanent.
- Over-compressing smooth gradients. Skies and skin tones show visible banding when the quality is pushed too low.
- Judging by file size alone. A 90 KB image that is the wrong shape or too small on screen is still a failure — check the dimensions too.
Frequently asked questions
Does reducing image size always reduce quality?
Resizing makes the picture smaller, which is not a loss if it will be displayed smaller anyway. Lossy compression does discard detail, but at moderate settings the difference is invisible at normal viewing size. Lossless routes exist too, such as PNG, but they save much less on photographs.
What JPEG quality setting should I use?
For photographs, 75–85 is a sound default. Go lower only if you are chasing a strict file-size limit, and check the result before you upload.
Is it safe to use WebP?
Every current major browser displays WebP. The catch is older desktop software and some upload forms that only accept JPG or PNG. If a form rejects WebP, convert it to JPG — or start from the original.
Why did my “compressed” image get bigger?
Usually because the format changed — for example a JPG saved as a PNG — or because the source was already heavily optimised and there was nothing left to remove. Try resizing it instead.
Try it with the right settings already applied
These pages open the CrispPic tool pre-configured for this exact case. Your image is processed in your own browser — it is never uploaded anywhere.
Free, no account, no watermark.
Keep reading
- JPG vs PNG vs WebP: Which Image Format Should You Use?A plain-English comparison of JPG, PNG and WebP — file size, quality, transparency and compatibility — and a simple rule for choosing the right one.
- Photo Too Large to Upload? How to Fit Any File Size LimitGet a photo under the exact KB or MB limit an upload form demands: which limits are common, how to hit them, and what to do when compression alone isn’t enough.
- Pixels, DPI and Resolution: What Actually MattersPixels vs DPI vs PPI in plain English: why DPI is irrelevant on screens, how to work out the pixels a print needs, and what megapixels really tell you.