Topic: Image Files – Ctrl blog

Common mistakes in BIMI early-adopter implementations

2022-04-30T23:43:00Z

Two weeks ago, I wrote about the new Brand Indicators for Message Identification (BIMI) draft internet standard. BIMI enables businesses to get their logos displayed next to their email messages in compatible email apps and webapps. As part of the research for that article, I queried the top 3 million domains to see how many had adopted the standard. I found 6647 domains with a default brand indicator, but far from all meet the BIMI requirements.

Can you use a WebP file as an Open Graph Protocol image?

2022-04-25T20:19:00Z

The Open Graph Protocol (OGP) was created by and for Facebook in 2010. OGP is a pseudo-standard set of metadata tags you can include on your webpages to describe its contents. By now, it’s become the primary data source for generated link previews across the web and apps.

Bitrot resistance of next-generation image formats

2021-11-26T12:09:00Z

I’ve compared two next-generation image formats, AVIF and JPEG XL (JXL), to see which best handles a random single corrupted bit. A meaningless exercise? Possibly. But half a picture of your beloved grandma is better than no picture at all.

The best method for embedding dark-mode friendly SVG in HTML

2021-06-11T12:06:00Z

In this article, you’ll learn about the different methods for embedding Scalable Vector Graphic (SVG) images onto webpages. I’ll discuss which methods support the various security and processing modes in SVG, which methods support dark mode using @media queries, and which are the most caching friendly. I’ll also touch on why the most backward-compatible embedding method is the worst for perceived performance and has the most accessibility bugs.

Comparing file sizes of lossless WebP vs FLIF vs PNG

2020-07-14T02:26:00Z

Last weekend, I compared two lossy image formats: AVIF and WebP. Today, I’m comparing the file size reduction of two lossless formats — FLIF and lossless WebP — compared to heavily optimized PNG images.