Image Optimisation Guides
Practical, technical guides for shipping faster images on the web. Encoder settings, loading strategy, browser support, and Core Web Vitals impact — all grounded in concrete numbers.
All guides
Understand lossy vs lossless image compression, how each works, and which mode to pick for photos, line art, and masters — with AVIF numbers throughout.
Image SEO for 2026. Which signals move rankings, which are myths, and how AVIF's smaller files feed the page-experience signals Google measures.
A short guide to converting your first image to AVIF with AVIFify. Drag, drop, and download — no signup, no upload.
How images drive Core Web Vitals in 2026, and how AVIF cuts LCP. Covers the LCP sub-parts, CLS dimension fixes, INP decode cost, and measurement.
WordPress 6.5 ships AVIF natively but won't convert old JPEGs. What core does, which plugin to pick, and how to verify AVIF is actually served.
Shopify's CDN already delivers AVIF for you. Here is what the platform decides, what you actually control in theme code, and how to verify it.
Serve AVIF in React in 2026: next/image negotiation, a native picture element for Vite, build-time sharp encoding, and responsive srcset.
Optimise AVIF images for fast page loads. Practical guide to quality settings, responsive delivery, lazy loading, and Core Web Vitals.
Lazy load AVIF images correctly. Native attribute, IntersectionObserver, priority hints, and the rules that decide which images should never lazy load.
Master AVIF compression settings. Reference for quality, speed, chroma, bit depth, and lossless parameters with practical code examples.
AVIF reaches ~94% of users in 2026. The support timeline, who is in the remaining 6%, and the picture-element fallback that covers them all.