Select modern image formats with fallbacks for compatibility.
- Select modern image formats with fallbacks for compatibility2 cited sources1 category
Save for later 0
Use × to move an item here. You can restore it when you’re ready.
Your checks and saved items stay in this browser. Nothing is submitted.
Why this matters
Modern formats like WebP and AVIF offer superior compression and quality, improving load speed and SEO.
Hypothetical standard operating procedure
Adapt this example to your site, access, tools, and change process. It is our suggested procedure, informed by the sources below.
- Inventory image types and uses to determine appropriate format.
- Convert images to WebP or AVIF using build tools or CDNs.
- Implement <picture> elements with multiple source formats.
- Use SVG for icons and logos including accessibility titles.
- Test image delivery across browsers for proper fallback support.
Watch for
Serving legacy or incorrectly formatted images increases file size and slows pages unnecessarily.
Definition of done
All photos use WebP or AVIF with JPEG fallback, SVG for logos, PNG only when transparency is needed.
Sources & attribution
Original checklist wording and example SOP by Best SEO Checklist, using source-grounded AI assistance. Editorial contact: Ted Kubaitis, @tedkubaitis on Teams. Check current source guidance before implementation.