Unoptimized images are the most common cause of slow WordPress sites. A site that takes more than 3 seconds to load loses 40% of its visitors before they see anything. This guide shows you how to fix that problem step by step.
The best time to compress an image is before uploading it to WordPress. Once uploaded, WordPress generates multiple sizes (thumbnail, medium, large) from the original — if the original is large, all versions will be large.
The correct workflow is:
Reduce file size by up to 90% in your browser, no registration or installations needed. Your files never leave your device.
⚡ Compress images for free| Use case | Recommended width | Target file size |
|---|---|---|
| Featured image / hero | 1200–1600 px | < 200 KB |
| Blog post image | 800–1000 px | < 100 KB |
| Product image (store) | 800–1200 px | < 150 KB |
| Thumbnail | 300–400 px | < 30 KB |
| Logo | 200–400 px | < 20 KB |
| Avatar / author photo | 150–200 px | < 15 KB |
Tip: Don't upload camera photos directly (3–8 MB). A 5 MB photo can be compressed to under 150 KB with no visible quality loss.
If you prefer to automate compression inside WordPress, these are the most recommended plugins:
One of the best optimization plugins. Automatically compresses on upload, converts to WebP, and bulk-optimizes old images. The free plan includes 25 MB/month.
Excellent value for money. The free plan offers 100 images/month. Very popular on sites with many product images.
The most installed optimization plugin on WordPress (over 1 million active installs). The free version is quite complete for small and medium sites.
| Plugin | Free plan | Free WebP | Free bulk |
|---|---|---|---|
| Imagify | 25 MB/month | ✅ | ✅ |
| ShortPixel | 100 img/month | ✅ | ✅ |
| Smush | Unlimited | ❌ | ✅ |
If you have a site with hundreds of unoptimized images, all the mentioned plugins include a bulk optimization feature that processes your entire media library. The process is simple:
Always make a backup first before bulk optimizing. Although plugins keep backups of the originals, it's good practice to have a full site backup.
Since WordPress 5.8, there is native support for serving images in WebP. However, to automatically convert existing images to WebP you'll need one of the plugins mentioned above (Imagify or ShortPixel do this transparently).
With Imagify, the process is:
Lazy loading makes images that are off-screen not load until the user scrolls toward them. This dramatically improves initial load time.
Since WordPress 5.5, lazy loading is enabled by default for all images (via the loading="lazy" attribute). If you're using an older theme or page builder, verify it hasn't been disabled.
To enable it manually on specific images:
<img src="photo.webp" alt="Description" loading="lazy" width="800" height="600">