Why are your website images so big? (and how to fix it)
If a web page feels sluggish, oversized images are the usual culprit — more often than code, hosting, or anything technical. The fix is simple and free, and it can cut your page weight in half. Here’s what’s going on and how to sort it.
Try it free: Packfinch’s image compressor does everything below right in your browser — nothing uploads, so your images never leave your device.
Why images dominate page speed
On a typical website, images account for the majority of the total data a visitor has to download. A single unoptimised hero photo can weigh more than all your text, fonts and code combined. And page speed isn’t just about feel — slow pages lose visitors and rank worse in search results, because search engines factor loading speed into rankings.
The three usual mistakes
- Uploading straight from the camera. A 12 MP phone photo is far larger than any web page needs. Screens display a fraction of that resolution.
- Using PNG for photographs. PNG is for logos and graphics; for photos it can be 5–10× bigger than JPG or WebP for zero visible gain.
- Never compressing at all. Even a correctly-sized image usually has 40–70% of “free” size to give back through compression.
How to fix it
- 1. Right-size the dimensions. Few web images need to be wider than about 1,600–2,000 pixels. Full-width banners rarely need more; thumbnails need far less.
- 2. Choose the right format. WebP is the smallest for the web; JPG is a fine, universally-supported fallback for photos; keep PNG only for graphics with transparency.
- 3. Compress before uploading. Run each image through a compressor and aim for the point where the savings meter is high but the image still looks clean — usually around 70–80% quality.
You can do all three in Packfinch in a few seconds per image, right in your browser, and see exactly how many kilobytes you’re saving before you commit.
How much difference does it make?
It’s common to take a set of images from several megabytes each down to a few hundred kilobytes with no visible loss. Multiply that across every image on a page and you can easily halve — or better — how much a visitor has to download, which translates directly into faster loads and a smoother experience on slower connections and phones.
Do it once, benefit forever
Optimising images isn’t an ongoing chore — it’s a habit. Compress each image before it goes up, and your site stays fast by default. It’s the highest-impact, lowest-effort thing most site owners can do for performance.