Topic: Image Files – Ctrl blog

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.

Comparing AVIF vs WebP file sizes at the same DSSIM

2020-07-12T14:19:00Z

I wanted to improve the image quality on the blog while keeping the file sizes small. To this end, I wanted to improve the visual quality of my WebP images and explore the new AVIF image format. Here are my findings from comparing WebP and AVIF to JPEGs at the same visual quality.

Enable the sharp YUV option for better WebP images

2020-07-11T13:11:00Z

Did you know there’s a setting for the reference WebP image encoding library (libwebp) that noticeably improves image quality without increasing the file size? It’s safe for batch conversions and its only downside is that it consumes additional processor time during encoding.

Embed XMP sidecars into image files with embed_xmp

2020-06-07T16:14:00Z

I wanted a program to inject Extensible Metadata Platform (XMP) sidecar (stand-alone) files into an image file. Image metadata is most useful when embedded into image files after all. I was surprised to learn that options for XMP editors were thin on the ground. I had to create a new program to get the job done.