Big image files cause small, annoying problems. Websites load slowly, emails bounce, forms reject uploads, and WhatsApp squeezes your photo into mush on its own terms. Compressing the file yourself first fixes all of that, and done properly, nobody can tell the difference by looking.
This guide covers what compression actually does, which format to choose, the quality numbers worth using and how to do it in a minute with free browser tools.
What compression does
There are two kinds.
Lossless
The file gets smaller but every pixel stays exactly the same. It works by finding patterns and storing them more efficiently, a bit like writing “ten blue pixels” instead of listing blue ten times. PNG is lossless. Savings are modest for photos but large for flat graphics.
Lossy
Some detail is thrown away, chosen carefully so your eyes won’t miss it. Fine colour variation and tiny textures go first. JPG and most WebP files are lossy. Savings are huge: often 80–95% for a phone photo.
The trick with lossy compression is knowing where to stop. Push too far and you get blocky patches in skies, smeared skin and halos around edges.
JPG vs PNG vs WebP
| Format | Best for | Transparency | Notes |
|---|---|---|---|
| JPG | Photos | No | Works everywhere. The safe default for sharing. |
| PNG | Logos, screenshots, graphics with text, anything with transparency | Yes | Huge for photos. Keep it for flat colours and sharp text. |
| WebP | Websites | Yes | Usually 25–35% smaller than JPG at the same look. Supported by all modern browsers. |
A common mistake is saving a photo as PNG “for quality.” A 12-megapixel photo as PNG can be 15 MB or more and look no better than a 400 KB JPG. Going the other way is a mistake too: a screenshot full of text saved as JPG gets fuzzy halos around every letter.
Quality numbers that work
Most tools give you a quality slider from 0 to 100. The scale isn’t linear. Dropping from 100 to 85 cuts the size massively with almost no visible change, while dropping from 50 to 35 saves little and looks noticeably worse.
- 90–95: for printing or images you’ll edit again later.
- 80–85: the sweet spot for most photos. Hard to tell apart from the original.
- 70–75: fine for web thumbnails, blog images and social posts.
- Below 60: only when file size matters more than looks, and check the result.
Resizing matters as much as quality. A 4000-pixel-wide photo shown on a 1200-pixel-wide web page is wasting most of its data. Resize first, then compress.
Target sizes
| Use | Suggested dimensions | Target file size |
|---|---|---|
| Website hero image | 1600–2000 px wide | 150–300 KB |
| Blog or product image | 1000–1200 px wide | 60–150 KB |
| Thumbnail | 300–600 px wide | 15–50 KB |
| WhatsApp photo | 1600 px on the long side | 200–500 KB |
| Email attachment | 1600–2000 px on the long side | under 1 MB each |
| Government or exam form upload | as the form specifies | often 20–200 KB; read the rules |
These aren’t hard laws. They’re a starting point that keeps pages fast and photos sharp.
Step by step with PixViral’s tools
Both tools below run entirely in your browser. Your photo isn’t uploaded to any server, which matters for ID photos and private pictures.
- Resize if needed. Open the resize tool and bring the width down to what you actually need, aspect ratio locked.
- Pick the format. If you’re changing a PNG photo to JPG, or a JPG to WebP for your website, use the converter.
- Compress. Open the compress tool, start at quality 80 and look at the preview and the new file size.
- Check closely. Zoom into a sky, a face and any text. If you see blocks or smearing, nudge quality up by 5.
- Download and use the new file.
Problems and fixes
“It’s still too big”
Resize smaller before lowering quality further. Halving the width cuts the pixel count to a quarter, which shrinks the file more than any slider.
“Text looks fuzzy”
That’s JPG on a graphic. Convert it to PNG or WebP instead, or raise quality to 90.
“The colours shifted”
Very low quality can make gradients band into stripes. Raise quality, or try WebP, which handles smooth gradients better.
“It got worse after I sent it”
Apps like WhatsApp recompress again. Sending a clean, moderately sized file gives their compressor less to damage. For originals, send as a document instead of a photo.
“The photo shows my location”
Phone photos often carry hidden details like the date, phone model and sometimes GPS coordinates. Re-saving through a browser tool usually strips most of this, which is a small privacy bonus when you post photos taken at home.
Don’t compress twice
Every time a lossy file is saved again, a little more detail goes. Keep an original copy and always compress from that, not from a file that’s already been squeezed. The same goes for AI images you make in the AI Image Generator: save the downloaded original, then make smaller copies for each use.
Once you’ve done it a couple of times, the whole process takes under a minute. Your site loads faster, your emails go through, and your photos look the way you meant them to. Browse the full set of free photo tools for cropping, rotating and more.
