image / PRACTICAL GUIDE
How to Reduce Image File Size
Work through dimensions, format, and compression in the order that saves the most unnecessary bytes.
Reduce unnecessary pixel dimensions first, choose a suitable format, then adjust lossy quality if needed. Check the resulting bytes and visible detail after each change. Resizing changes dimensions; compression changes how the image is stored. You may need both.
THE IDEA, VISUALLY
Three decisions, in order
- 1 · Reduce dimensions
- 2 · Choose a format
- 3 · Adjust quality
Find the actual constraint
“Make it smaller” can mean fewer pixels, fewer bytes, or a different crop. Read the destination’s instructions. A 1200-pixel width requirement is different from a 1 MB upload cap.
Keep a copy of the original. You may need its detail later for printing or a different crop.
First, remove unnecessary pixels
If a photograph is 6000 pixels wide and will display at 1200 pixels, resizing is a sensible first step. Keep its aspect ratio so people and objects do not become stretched.
Do not shrink text-heavy screenshots until labels become unreadable. Sometimes splitting a diagram into several readable images is better than making the whole thing tiny.
For example, changing 6000 × 4000 pixels to 1200 × 800 keeps the same 3:2 shape while reducing the pixel count from 24 million to 960,000. That is 4% of the original pixels, not a prediction that the encoded file will be 4% as large.
Then choose a format and quality
Try JPG or WebP for photos, and PNG for sharp text or transparency. Lower lossy quality gradually, checking the preview after each change. PNG quality cannot be adjusted through this tool’s browser encoder.
An already optimized file can become larger when re-encoded. Compare the actual download size instead of assuming a compression button always saves bytes.
References: MDN: browser image encoding and quality
Inspect the result where it will be used
Open the exported image at the intended size. Check edges, faces, and fine print. Test it in the receiving application before discarding any intermediate files.
| Symptom | Next step |
|---|---|
| Too many pixels | Resize with aspect ratio locked |
| Right dimensions, too many bytes | Try lower JPG/WebP quality |
| Text looks fuzzy | Try PNG or keep more pixels |
| Transparent area became white | Use PNG or WebP output |
| Still above a hard cap | Reduce dimensions again, then recheck bytes |
Frequently asked questions
Why did compression make my file larger?
The source may already use more efficient encoding. Re-encoding with another format or setting can add bytes. Compare downloads and keep the smaller acceptable copy.
Does resizing crop the picture?
No. Resizing with the aspect ratio locked keeps the whole picture. Unlocking it can stretch the image; choosing a new crop requires a cropping tool.