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
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.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
Structure WordPress’ upload directory to handle lots of files
Here is how to structure WordPress’ upload directory for scale. Sticking thousands of image files in one directory can cause performance problems.
WordPress with PHP GD’s image resize artifact-pattern problem
PHP GD graphics library (libgd) causes bad artifact-patterns when downsizing images. Makes images bigger and quality lower.
WebP images won’t load in Microsoft Edge with Application Guard
A Windows 10 security-enhancement feature blocks WebP image files from loading in the Microsoft Edge browser and other modern Windows apps.
The allure of Textpattern: Why I never chose it as my CMS
My review of the Textpattern content management system. It has all the traits of a good CMS and WordPress alternative, but it never quite made the cut.
Why I dropped static-site generators in favor of WordPress
I moved from Nikola (a static site generator) to WordPress and it wasn’t an easy decision. Here is what motivated me to make the move.