The verdict in three sentences
Images often make up more than 70% of a catalog page's weight: poorly compressed, they wreck speed and burn your customers' data. In 2026, the combination AVIF (or WebP fallback) + lazy loading + responsive srcset cuts weight by 60 to 80% and saves 1 to 2 seconds of LCP. Measured result: about 40% customer data savings and +9% catalog conversion on mobile.
Which format for which gain
JPEG has had its day. WebP is universally supported in 2026; AVIF offers the best compression and now covers the vast majority of browsers. Here are the orders of magnitude for the same product image.
| Format | Typical weight (product image) | Gain vs JPEG | 2026 support |
|---|---|---|---|
| JPEG quality 85 | 220 KB | Baseline | 100% |
| WebP quality 80 | 90 KB | -59% | ~99% |
| AVIF quality 55 | 55 KB | -75% | ~95% |
| AVIF + resize to actual size | 38 KB | -83% | ~95% |
The complete technical recipe
Compressing is not enough: you must serve the right size to the right screen and defer what is off-screen. Here is the 2026 checklist and its effect.
| Technique | Role | Gain |
|---|---|---|
| Target < 80 KB per product image | Controlled weight | Speed baseline |
| Off-screen lazy loading | Load only what's visible | -50% initial requests |
| Responsive srcset | Right size per screen | -30% mobile data |
| AVIF with WebP fallback | Maximum compression | -75% weight |
| Explicit dimensions (width/height) | Zero visual shift | Stable CLS |
| Image CDN + cache | Fast repeat loading | -1 to 2s LCP |
Mini case study
Ibrahim sells electronics online from Abidjan. His 60-product catalog loaded JPEG images averaging 240 KB, i.e. a listing page of 2.4 MB and an LCP of 4.8s. His catalog conversion topped out at 1.8%. After moving to AVIF (55 KB/image), lazy loading and srcset, the listing page dropped to 620 KB, LCP to 2.6s, and conversion rose to 2.6%. On 4,000 monthly catalog visits at a 25,000 FCFA basket, that means +32 orders/month, i.e. +800,000 FCFA/month. Bonus: his customers use 40% less data, a real selling point on 3G.
FAQ
Need a professional website?
Kolonell builds websites that attract clients, optimized for the Sénégalese market. Free quote in 2 minutes.
WebP or AVIF in 2026?
Serve AVIF first with an automatic WebP fallback. AVIF compresses ~25% better than WebP, but WebP remains useful for the rare browsers without AVIF support.
What maximum weight per product image?
Aim under 80 KB for a standard product image, and under 100 KB for a page's main image. Beyond that, LCP and customer data degrade sharply on 3G.
Can lazy loading hurt SEO?
No, as long as you do not defer the main image visible on load. Off-screen images loaded lazily are indexed fine and speed up the page.
Do I need a CDN for images?
Yes: an image CDN with cache and on-the-fly resizing saves 1 to 2 seconds of LCP on repeat visits and absorbs traffic spikes.
How long to convert a whole catalog?
A 50-to-100-product catalog converts to AVIF/WebP in a day with an automated pipeline, existing images included.
Let's talk about your project. We convert your entire catalog to AVIF and win you 1 to 2 seconds. WhatsApp +221 77 596 93 33.
Mohamed Bah
Fondateur, Kolonell
Passionate about digital and entrepreneurship in Africa, Mohamed has been helping Sénégalese businesses with their digital transformation since 2020. Founder of Kolonell, he believes every SME deserves a professional and accessible online présence.
