Image compression is one of the highest-impact technical SEO tasks you can perform. Large images slow your site, hurt your Core Web Vitals scores, and ultimately reduce your search rankings. This guide shows you exactly how to compress images effectively.
| Image Type | Target Size | Max Acceptable |
|---|---|---|
| Hero/banner image | Under 150KB | 250KB |
| Blog inline images | Under 80KB | 150KB |
| Product images | Under 100KB | 200KB |
| Thumbnails | Under 20KB | 40KB |
| Background images | Under 200KB | 400KB |
| Tool | Platform | Best For |
|---|---|---|
| Squoosh (squoosh.app) | Web (any OS) | Individual images, format conversion |
| TinyPNG / TinyJPG | Web (any OS) | Batch compression, easy interface |
| ImageOptim | Mac only | Automatic lossless compression |
| RIOT | Windows | Side-by-side quality preview |
| ShortPixel | WordPress plugin | Automatic compression on upload |
WebP typically produces 25-35% smaller files than JPEG at equivalent visual quality. Browser support is now excellent (95%+ of browsers). However, not all platforms accept WebP — Adobe Stock, Shutterstock, and other stock platforms require JPEG or PNG.
WordPress: Install WebP Express plugin — automatically converts all images to WebP and serves them to supported browsers.
Manual HTML method using the picture element:
<picture><source srcset="image.webp" type="image/webp"><img src="image.jpg" alt="Description"></picture>
When compressing JPEGs, quality settings between 75-85% produce files that are visually indistinguishable from the original to most viewers while reducing file size by 40-60%. Settings below 70% show noticeable artifacts on most images.
Our free AI-powered tool generates complete image metadata in one click. No subscription. No credit card.
Try the Free Tool →