Photos from a modern phone are beautiful — and huge. A single photo can be several megabytes, which makes pages load slowly, fills up storage fast, and sometimes refuses to upload at all. The fix is compression: shrinking the file size of an image. Done the right way, nobody looking at the picture will be able to tell anything changed.
This guide explains how compression works, how to pick the right settings, and the mistakes that ruin image quality.
What image compression actually does
Every image file stores information about colour, brightness, and detail. Compression removes some of that information or stores it more efficiently, so the file takes up less space.
There are two kinds:
- Lossy compression throws away some image data. It sounds bad, but the data it removes is mostly detail the human eye barely notices — tiny variations in colour and texture. A well-compressed photo can be far smaller than the original and still look the same.
- Lossless compression keeps every pixel exactly as it was. It just finds a smarter way to store the same information. Files get smaller, but not nearly as small as with lossy compression.
For photos you share online, lossy compression is the practical choice. For graphics where every pixel matters — a logo, a screenshot full of text, a chart — lossless is safer.
The important thing to understand is that compression is a trade-off, not magic. Push it too far and the picture starts to look worse: blocky patches in smooth areas like skies, fuzzy edges around text, and strange colour bands where a gradient should be smooth. The skill is finding the point where the file is small but the damage is invisible.
Pick the right format first
Before touching any compression setting, check the file format. The format you choose matters more than any slider.
- JPEG is for photographs. It is designed for photos with lots of colours and smooth gradients, and it compresses them well. Use JPEG for camera photos and anything that looks like a photograph.
- PNG is for graphics. It is the right choice for logos, icons, screenshots, diagrams, and any image with sharp edges or text. PNG also supports transparency, which JPEG does not. The trade-off is that photos saved as PNG are usually much larger than the same photo saved as JPEG.
- WebP is the modern middle ground. It handles photographs and graphics well, supports transparency, and usually produces smaller files than both JPEG and PNG at similar quality. Most current browsers support it.
- AVIF goes even further. It can produce very small files at good quality, but support is not yet universal, so it is best used when you know your audience's browsers can display it.
A common mistake is saving a photograph as a PNG "because PNG is better quality". For a photo, PNG is not better — it is just bigger. Match the format to the kind of image, and half the work is already done.
Resize before you compress
Many images are far larger than they need to be. A photo straight from a camera can be thousands of pixels wide, while the place it will be shown may only be a few hundred pixels wide. All those extra pixels still cost file size.
Resize the image to the size it will actually be displayed at before compressing it. If a picture will appear at 800 pixels wide on a page, there is no benefit in keeping a 4000-pixel version. Resizing first often shrinks the file dramatically on its own, and the compression step after it works better too.
This is also the moment to crop. Cut away the parts of the picture nobody needs — empty sky, extra background, the edge of a finger. A tighter picture is a smaller file and usually a better picture.
How to compress an image, step by step
You do not need to install software to compress an image. A free online tool does the job in your browser:
- Open the free Image Compressor on ToolMint Hub: https://toolminthub.com/image-compressor.php
- Upload the image you want to shrink. Your file stays in your browser and is not uploaded to a server.
- Choose your settings — the format and the quality level — and let the tool compress the image.
- Download the result and compare it with the original, side by side, at full size.
That last step matters. Open both versions, zoom in to full size, and look closely at faces, text, edges, and smooth areas like skies. If you cannot see a difference, the compression is good. If you can, raise the quality a little and try again.
How far should you go?
There is no single perfect quality setting, because it depends on the picture. A busy photo full of detail hides compression well. A photo with large areas of flat colour — a clear sky, a plain wall — shows compression damage much sooner.
A practical approach:
- Start in the middle of the quality range, not at the lowest setting.
- Check the result at full size, not as a small thumbnail. Damage hides in thumbnails.
- Look at the edges of objects and any text in the image. Those are the first places where over-compression shows.
- If the image still looks clean, try a slightly lower setting and compare again. Stop as soon as you can see a difference, then go back one step.
Keep the original file. Always. Compression throws information away, and you cannot get it back from the compressed copy. If you ever need a bigger version, a print, or a different crop, you will want the original. Save the compressed copy under a different name and leave the original untouched.
Mistakes that ruin image quality
Compressing the same file again and again. Every round of lossy compression throws away a little more detail. If you compress an already-compressed photo a second or third time, the damage adds up quickly. Always compress from the original.
Saving text-heavy images as JPEG. Screenshots, memes with captions, and diagrams have sharp edges. JPEG smears those edges. Use PNG for anything where text must stay crisp.
Ignoring dimensions. A small quality setting cannot fix an image that is four times larger than it needs to be. Resize first, then compress.
Trusting the thumbnail. A heavily compressed image can look fine at small size and terrible at full size. Always check the result at full size before using it.
Forgetting the backup. If you overwrite the original with the compressed version, the original is gone. Keep originals in a separate folder.
When to leave images alone
Compression is not always the right move. Keep the original, uncompressed file when the image is going to print, when it is the only copy of something important, or when you are handing files to a client or a designer who may need the full quality later. Compress copies for sharing and publishing, and archive the originals.
A quick checklist
- Match the format to the image: JPEG for photos, PNG for graphics and text, WebP when you want the best of both.
- Resize to the size the image will actually be shown at.
- Crop away what nobody needs.
- Compress from the original, never from an already-compressed copy.
- Check the result at full size before you use it.
- Keep the original file safe.
Follow those six steps and your images will load faster, take up less space, and still look like the pictures you started with. That is the whole point of compression: smaller files, same picture.