Why compress images?
Images usually make up over half of a web page's weight. Compressing them is the single quickest way to speed up a website, improve Google PageSpeed scores and reduce bounce rates — especially for visitors on mobile data.
Tips for the best results
- Resize images to the largest size they are displayed at (e.g. 1920px wide for full-width banners).
- Use WebP output for websites.
- Quality 70–80 is the sweet spot for photos.
Image formats compared
| Format | Best for | Transparency | Typical size |
|---|---|---|---|
| WebP | Websites, blogs, e-commerce | Yes | Smallest (25–80% smaller) |
| JPG | Photos, email, printing | No | Small |
| PNG | Logos, screenshots, graphics | Yes | Large (lossless) |
| AVIF | Next-gen web images | Yes | Very small, slower to encode |
Image SEO checklist
- Use descriptive file names —
website-design-bhubaneswar.webpinstead ofIMG_2041.webp. - Write alt text that describes the image for visually impaired users and search engines.
- Serve the right size — never upload a 4000px photo to display at 800px.
- Set width and height attributes to prevent layout shift (CLS).
- Lazy-load images below the fold with
loading="lazy". - Use WebP for faster Largest Contentful Paint (LCP), a Core Web Vitals ranking factor.