How to reduce image file size
Resize first, then choose the right format, then tune quality. In that order.
Diperbarui 1 September 2026
This guide has not been translated yet and is shown in English. It is excluded from search indexing for this language until it has been.
Almost everyone reaches for a quality slider first, and it is the third most effective thing you can do. The biggest win is nearly always dimensions: a 4000 × 3000 photo shown in a 800px-wide column is carrying fifteen times more pixels than anyone will ever see.
Work through these four levers in order and a typical phone photo goes from 4 MB to well under 200 KB with no visible difference at the size it is actually viewed.
Langkah
- 1
1. Resize to the size it will actually be displayed
Decide the largest width the image will ever be shown at and resize to roughly twice that for high-density screens. For a blog body image that is usually 1600px wide, not 4000. Halving both dimensions removes about 75% of the pixels — no quality setting comes close to that.
- 2
2. Pick the right format
Photographs: WebP first, JPEG as the fallback. Graphics, logos and screenshots with flat colour and sharp edges: PNG, or WebP if you need it smaller and still want transparency. Never save a photograph as PNG unless something specifically requires it — that alone can cost you five times the file size.
- 3
3. Tune quality
For JPEG and WebP, 75–85 is the usual sweet spot. Above 90 you are spending a lot of bytes for differences nobody can see; below 60 you start getting visible blocking in skies and other flat areas. Move the slider and watch the reported size rather than trusting a preset.
- 4
4. Strip the metadata
EXIF, colour profiles and thumbnails can add tens of kilobytes. Re-encoding in the browser drops all of it automatically, which is a small win on its own and a meaningful privacy improvement.
Always start from the best original
Every lossy save discards a little more. Compressing an already-compressed image compounds the damage. Keep the original and export from it each time.
Check the result at real size
Judge compression at the size the image will be displayed, not zoomed to 400%. Artefacts that are obvious at 4× are invisible in a feed.