Best Image Format for Websites: JPEG, PNG, WebP, AVIF & SVG
Which image format should you use on the web? A clear decision framework comparing JPEG, PNG, WebP, AVIF, SVG and GIF, with examples.
AZ Utils Editorial · · 8 min read
Everything tagged Web Design.
Which image format should you use on the web? A clear decision framework comparing JPEG, PNG, WebP, AVIF, SVG and GIF, with examples.
AZ Utils Editorial · · 8 min read
WebP browser support is now near-universal. See which browsers support it and how to serve a JPEG/PNG fallback with the picture element when needed.
AZ Utils Editorial · · 7 min read
What a favicon is, where it appears, the formats and sizes involved, and how to create one from a single image — explained for beginners.
AZ Utils Editorial · · 7 min read
A complete favicon sizes guide — ICO, 16/32 PNG, 180 apple-touch and 192/512 Android icons — what each is for and how to generate them all.
AZ Utils Editorial · · 7 min read
The favicon best practices that make a site look polished — legible design at 16px, the full size set, correct markup and cache-busting.
AZ Utils Editorial · · 7 min read
A modern favicon is a set of sizes and formats plus a web manifest. Learn exactly what you need, the HTML to add, and how to generate it all from one image.
AZ Utils Editorial · · 9 min read
How to add a favicon in WordPress using the built-in Site Icon — via the Customizer, block themes or a plugin — plus the right image and fixes.
AZ Utils Editorial · · 7 min read