How to Shrink Photo File Sizes Without Wrecking the Quality
Five-megabyte photos make blogs crawl, bounce emails and fail uploads. Compress carelessly, though, and faces go blotchy and text smears. There are really only three ways to make an image smaller, each with its own trade-off. This guide puts them in the order you should try them.
Convert formats and set quality inside your browser. It shows the new file size and the percentage change against the original as you adjust.
Why one photo weighs 5 MB
Phones shoot around 12 megapixels — roughly 4000 × 3000 pixels. That matters for printing or heavy cropping, but a photo in a blog post is usually displayed about 800 to 1000 pixels wide. Everything beyond that is weight nobody can see.
They multiply. Take a 4000px PNG photo down to 1600px WebP at quality 80 and 10 MB routinely becomes a couple of hundred kilobytes, with no difference you can spot on screen.
Pick the format first — PNG, JPEG or WebP
The same photo can differ several-fold in size depending on the format. PNG throws away nothing at all, which makes it a poor fit for photographs.
| Format | Compression | Transparency | Best for |
|---|---|---|---|
| PNG | Lossless | Yes | Screenshots · logos · diagrams · anything with text |
| JPEG | Lossy | No | General photos · when compatibility matters most |
| WebP | Lossy (lossless too) | Yes | Websites, blogs and shop images |
Images full of text and hard lines look dirty around the edges as JPEG. Keep screenshots, explanatory diagrams and logos as PNG — smaller and much cleaner. The reverse is also true: leaving landscape and portrait photos as PNG is a waste.
Convert in the browser, nothing to install
Online tools are the fastest route, but most conversion sites upload your picture to their server first. For portraits or screenshots of documents, that alone is a problem. The CODINGNOW converter does everything inside the browser, so the file never leaves your machine.
- 1Open the converter and drop an image onto the dashed box on the left. PNG, JPG and WebP work, and so do GIF, BMP and SVG.
- 2Choose the output format:
WebPfor the web,JPEGwhen compatibility matters. - 3Set the quality slider near
80. The converted size and the percentage change against the original update as you drag. - 4Check the preview on the right and download. Only the extension changes (
photo.png→photo.webp).
This is a real re-encode, not a renamed extension, so the file is recognised correctly wherever you upload it. It does handle one image at a time.
How far can you drop the quality?
JPEG and WebP carry a quality number: lower means smaller and worse. The relationship is not a straight line. Going from 100 to 90 sheds a lot of bytes for no visible cost, while below 70 you give up quality fast and save comparatively little.
Judge it with your eyes. Open the converted file at 100% and look at skies, skin and shadows — the places where colour changes gradually. Banding or blotchy patches mean you went too far. If the photo contains text, check the letter edges too.
Compressing an already compressed photo stacks loss on loss: barely any size saved, visibly worse picture. Keep the original and always re-export from it.
Resizing — the lever with the biggest effect
No amount of format and quality tuning fixes a 4000px-wide file used at 900px. Halving the width quarters the pixel count, and the file size follows. The converter has no resize control, so use one of these:
- Windows: open the image in the Photos app and choose Resize image from the menu at the top right.
- Windows, many files at once: install Microsoft PowerToys, select the files, right-click and choose Resize images.
- macOS: in Preview, choose Tools > Adjust Size.
- Phone: many apps offer a size choice (small / medium / original) when you share a photo. Picking there saves a separate step.
| Use | Recommended width |
|---|---|
| Photo in a blog post | 1200 – 1600px |
| List thumbnail | 400 – 600px |
| Product detail image | 860 – 1200px |
| Profile picture | 400 – 800px |
| Printing | Do not resize — keep the original |
Recommended settings by use case
| Situation | Format | Quality | Notes |
|---|---|---|---|
| Blog or website photo | WebP | 80 | Resize to 1600px wide first |
| When compatibility worries you | JPEG | 80 – 85 | Opens everywhere, the safe default |
| Screenshots, diagrams, logos | PNG | n/a | Lossless, keeps text crisp |
| Images needing transparency | PNG or WebP | 85 for WebP | JPEG cannot store transparency |
| Email attachment | JPEG | 75 – 80 | Resize under 1200px wide and it is plenty |
Common mistakes
- Overwriting the original — there is no undo. Save shrunk copies to their own folder.
- Saving screenshots as JPEG — messy artifacts around text, sometimes a bigger file than PNG.
- Compressing an already compressed photo — you only lose quality.
- Shrinking photos you intend to print — print needs far more resolution than screens.
- Converting transparent PNGs straight to JPEG — transparent areas turn black. Set a background fill colour, or save as PNG or WebP.
FAQ
Q. Can I use WebP everywhere?
On the web, effectively yes — every current browser supports it and most blog and shop platforms accept it. Some older in-house software and government upload forms still take only JPEG or PNG, so export those as JPEG.
Q. My transparent PNG turned black when I saved it as JPEG.
JPEG cannot store transparency, so transparent pixels become black. Use the background fill colour (white by default) that appears when you pick JPEG in the converter, or keep transparency by saving as PNG or WebP.
Q. Is there a way to shrink with no quality loss at all?
Resizing is the closest thing: you drop pixels you were never displaying, so nothing visible is lost. Within formats, converting a PNG to lossless WebP saves some space with no loss. But there is no way to make a photograph several times smaller without giving something up.
Q. Messaging apps compress photos anyway, don't they?
They do, so for chat you can just send them. It still pays to shrink files yourself when sending as 'original', or when the image stays as uploaded — a blog or shop page loads faster for everyone.
Q. How do I shrink dozens of photos at once?
This converter handles one at a time. For bulk work, resize with PowerToys Image Resizer on Windows, or use a command-line tool such as ImageMagick: magick mogrify -resize 1600x -quality 80 -format webp *.jpg.
Convert formats and set quality inside your browser. It shows the new file size and the percentage change against the original as you adjust.