Common mistakes in BIMI early-adopter implementations
The Brand Indicators for Message Identification (BIMI) standard has strict requirements for an email sender’s logo to show up in your inbox. 65,1% gets it wrong.
Image Files
Image Files
Can you use a WebP file as an Open Graph Protocol image?
Do you still need to maintain webpage thumbnails/link previews in legacy image formats, or have apps caught up with the WebP revolution? It’s a bit complicated.
Image Files
Bitrot resistance of next-generation image formats
Bitrot happens. So, what happens when I flip one random bit in AVIF and JPEG XL images. Improved data packing means less redundancy and more corruption.
Image Files
The best method for embedding dark-mode friendly SVG in HTML
A comparison of the many different methods for embedding SVG into HTML webpages. Which work best with light/dark-mode, client caching, interactive mode, and more.
Image Files
Comparing file sizes of lossless WebP vs FLIF vs PNG
The FLIF lossless image format makes big claims on file size savings, but lossless WebP actually delivers smaller lossless image files.
Image Files
Comparing AVIF vs WebP file sizes at the same DSSIM
I got impressive results when comparing AVIF and WebP images at the same visual quality (using DSSIM.) AVIF’s 85th percentile was the same as WebP’s 15th!
Image Files
Enable the sharp YUV option for better WebP images
Batch encoding images into WebP? Enable Sharp YUV for higher visual quality results at only a tiny increase in file sizes at a one-time cost to processor time.
Image Files
Embed XMP sidecars into image files with embed_xmp
Here’s my new utility program and Ruby library for embedding XMP sidecar files (.xmp/.xml) into JPEG, PNG, SVG, and WebP image files.
HTML
Make native lazy-loading images load more eagerly
A tutorial on how to load native lazy-loading images earlier in Safari and Firefox. Speed up page loading while keeping visitors from seeing loading images.
Image Files
Progressive JPEGs make a meaningful impact on perceived performance
Make a meaningful improvement in user experience for your website visitors, especially those with slow internet, with semi-progressive JPEG loading.
Metadata
Put your image metadata to use: embed it in your image files
Put your existing image metadata to good use. Embed descriptions, copyright information, and more into your images to improve Bing/Google Image Search results.
Compression
WebP image file sizes compared to equivalent Guetzli and Zopfli
Modern and backwards-compatible lossless compression methods reduces the file size-gap between the newer WebP image format, and legacy formats like JPEG and PNG.