Oversized photos are the number-one reason web pages feel slow, uploads time out, and email attachments bounce. The good news: most images can be made 60–90% smaller with no visible loss of quality — once you know which levers to pull. This guide shows how to reduce a picture’s file size for the web, for email, and for any upload, whether it started as a JPG, a PNG, or a photo straight off your phone.
We measured this ourselves. At the default setting of our compressor (WebP, quality 80) a photo lost 46%, a flat illustration 70%, and a screenshot that had been saved as JPG lost 85%. Resizing behaves differently than people expect: going from 1200 px to 800 px wide removes 56% of the pixels, but the files only shrank 15% to 50%. see the full measurements
Compressing and resizing do not save the same amount. On our own tools: compress took a photo 330.2 KB → 178.7 KB (-46%) and a JPG screenshot 45.2 KB → 6.7 KB (-85%), while resize to 800 px wide took the same photo 1.88 MB → 967.2 KB (-50%) but the screenshot only 18.0 KB → 15.3 KB (-15%). Resizing removes 56% of the pixels yet the screenshot barely shrank — its bytes live in sharp edges, and shrinking keeps every edge. Compress photos; resize when the image is genuinely displayed smaller.
The three levers that control file size
Every image’s file size comes down to three things:
- Format — JPG and WebP compress photos far better than PNG. Saving a photo as PNG is the single most common cause of a needlessly huge file.
- Quality — lossy formats let you trade a little detail for a much smaller file. A quality setting of 70–85 is usually indistinguishable from the original.
- Dimensions — a 4000-pixel-wide photo displayed in an 800-pixel column is carrying 5× more pixels than it needs. Resizing is often the biggest win of all.
Almost every method below is just one of these three levers in disguise.
Those three levers do not carry equal weight, and our own measurements show the gap. On the same photograph, compressing at the page default took it 330.2 KB → 178.7 KB (-46%), while resizing to 800 px wide gave a different kind of saving entirely. Format, quality and dimensions are not interchangeable knobs — each one fails on a different kind of image.
The quickest way to shrink an image
If you just want a smaller file right now, drag your photo into a browser image compressor, nudge the quality slider until the preview still looks clean, and download. You’ll usually see the file drop from several megabytes to a few hundred kilobytes in one step — no software to install, and the image never leaves your device.
For a bit more control, follow the recipe below.
A simple recipe for any photo
- If it’s a photo saved as PNG, convert it to JPG or WebP first.
- Resize it to the largest size it will actually be shown at.
- Drop the quality to around 80 and check the preview.
Do those three and a multi-megabyte photo routinely lands under a few hundred kilobytes.
The recipe works differently on flat artwork, which is worth knowing before you apply it everywhere. Our six-colour illustration compressed 25.6 KB → 7.7 KB (-70%) — a bigger proportional saving than the photograph got, because flat colour is exactly what a modern codec handles best.
How to reduce file size without losing quality
“Without losing quality” really means without visible loss — and that’s very achievable. Two moves do almost no perceptible damage:
- Resize down to display size. Shrinking pixels is essentially lossless: a phone photo scaled from 4000 px to the 1500 px your page shows looks identical and weighs a fraction as much. See how to resize without losing quality.
- Use a smart quality setting. At quality 80–85, JPG and WebP throw away detail your eye can’t see anyway. Below ~60 you start to notice blocky skies and fuzzy edges.
For the same visual quality, WebP files are typically 25–35% smaller than JPG — the best free win if the image is bound for a website.
And here is the measurement that stops people wasting time: resizing removes 56% of the pixels going from 1200 px to 800 px wide, yet our UI screenshot only fell 18.0 KB → 15.3 KB (-15%). Its bytes live in sharp edges, and shrinking keeps every edge. Even the transparent logo only gave up 28.8 KB → 17.2 KB (-40%). Fewer pixels is not proportionally fewer bytes.
The compressor is the lever with the widest spread, and the spread is the useful part:
| Test image | Input | Output | Change |
|---|---|---|---|
| Photo | 330.2 KB | 178.7 KB | -46% |
| Screenshot | 45.2 KB | 6.7 KB | -85% |
| Illustration | 25.6 KB | 7.7 KB | -70% |
The photo went 330.2 KB → 178.7 KB (-46%), the screenshot 45.2 KB → 6.7 KB (-85%) and the illustration 25.6 KB → 7.7 KB (-70%). Same setting, three very different outcomes — because a photograph has detail everywhere for the encoder to trade away, and flat artwork has almost none. If a single quality slider gave you the same percentage on every file, it would not be measuring the image at all.
How to make a photo smaller for email
Most inboxes cap attachments around 20–25 MB (Gmail 25 MB, Outlook.com 20 MB), but many corporate servers reject anything over 10 MB, and huge photos are slow to send and download regardless. Aim to get each photo under 1–2 MB:
- Resize the long edge to about 2000 pixels — plenty for viewing or printing at normal sizes.
- Save as JPG at quality 80.
- Sending several? Compress each one, or zip them together.
A 6 MB phone snapshot typically drops to 400–800 KB this way, so you can attach a dozen without hitting any limit.
How to shrink a picture for an upload
Web forms — job portals, ID verification, marketplace listings, government sites — often set a hard cap (commonly 1–5 MB) or a maximum width and height. If an upload keeps failing, the image is almost always too large. Fix it in two steps:
- Resize to the site’s stated maximum dimensions with the resize tool.
- Compress to bring the file comfortably under the size limit.
Social networks re-compress everything you post anyway, so uploading a sensibly sized image (rather than a giant original) gives you a sharper end result and a faster upload.
Changing the format to save space
Format is the lever people forget. As a rule of thumb:
- Photos → JPG or WebP. Never PNG.
- Logos, icons, screenshots, flat graphics → PNG or WebP.
- Building for a website → WebP almost everywhere.
If you’re unsure which to pick, see the best image format for the web.
Changing the format is the lever that costs nothing visible, and it is worth a number rather than an adjective. The same files as WebP:
| Test image | Input | Output | Change |
|---|---|---|---|
| Photo | 330.2 KB | 301.9 KB | -9% |
| Screenshot | 45.2 KB | 7.3 KB | -84% |
| Illustration | 25.6 KB | 10.6 KB | -59% |
The illustration went 25.6 KB → 10.6 KB (-59%) and the photo 330.2 KB → 301.9 KB (-9%). Note which one gained more: flat artwork, not the photograph. Format changes pay off most on exactly the images people assume are already small, which is why “compress the photos” is often the wrong place to start.
When to keep it lossless
If your image is a logo, diagram, screenshot or anything with crisp text and flat colors, aggressive compression can make edges look dirty. For those, keep PNG (or use WebP lossless) and rely mostly on resizing to control size.
Do it in your browser, privately
You don’t need Photoshop or an upload site. These free tools run entirely on your device — your images never leave it:
- Compress an image — adjust quality and format, see the exact size saved.
- Resize an image — scale down to the dimensions you actually use.
- PNG to JPG — fix the “photo saved as PNG” problem.
- Convert to WebP — the smallest option for modern websites.
Frequently asked questions
How do I decrease a photo’s file size without downloading an app? Use a browser tool like the compressor above. It runs locally, so there’s nothing to install and nothing gets uploaded.
What’s the smallest I can make an image before it looks bad? For photos, quality 70–80 is the sweet spot. Combine it with resizing to display size and you can usually cut 80%+ while keeping the picture crisp.
Does resizing reduce quality? Making an image smaller is essentially lossless. Only enlarging beyond the original resolution hurts, because the detail was never captured.
Why is my PNG file so huge? PNG is built for graphics with flat colors, not photographs. A photo saved as PNG can be 5–10× larger than the same photo as JPG — converting it is the fastest possible fix.
Master the three levers — format, quality, dimensions — and you’ll never send a bloated image again.