urn:uuid:dd42ecf7-4f1e-5666-8d33-c8517954228d
Topic: Image Files – Ctrl blog
Daniel Aleksandersen
https://www.daniel.priv.no/
Copyright © 2020 Daniel Aleksandersen.
https://www.ctrl.blog/assets/favicon/favicon.svg
2020-09-02T02:02:00Z
weekly
10
urn:uuid:efb19ac5-2bd1-4df5-9732-19ccb34dce9b
2020-07-14T02:26:00Z
2020-07-14T02:26:00Z
Comparing file sizes of lossless WebP vs FLIF vs PNG
FLIF makes big claims on file size savings but lossless WebP delivers.
<p>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.</p> <p><a href="https://www.ctrl.blog/entry/webp-flif-comparison.html#src=feed">Read more …</a></p>
urn:uuid:820202d3-0f34-4f2e-9b8c-b87a7dfb549c
2020-07-12T14:19:00Z
2020-07-12T14:19:00Z
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!
<p>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.</p> <p><a href="https://www.ctrl.blog/entry/webp-avif-comparison.html#src=feed">Read more …</a></p>
urn:uuid:f944cc84-b219-40e8-996e-bf39c9d3a39bc
2020-07-11T13:11:00Z
2020-07-11T13:11:00Z
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.
<p>Did you know there’s a setting for the reference WebP image encoding library (<code>libwebp</code>) 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.</p> <p><a href="https://www.ctrl.blog/entry/webp-sharp-yuv.html#src=feed">Read more …</a></p>
urn:uuid:07616fda-8ee7-4e89-8d7c-6f8f100c9ad5
2020-06-07T16:14:00Z
2020-09-02T02:02:00Z
Embed XMP sidecars into image files with embed_xmp
Embed XMP sidecars into image files with <code translate=no>embed_xmp</code>
I made a new program for embedding XMP sidecar files (.xmp/.xml) into JPEG, PNG, SVG, and WebP image files.
<p>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.</p> <p><a href="https://www.ctrl.blog/entry/embed-xmp.html#src=feed">Read more …</a></p>
urn:uuid:4b157f0f-8927-40b2-b3ac-dcde3fb5912f
2020-05-20T14:16:00Z
2020-05-20T14:16:00Z
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.
<p>Firefox recently joined Chrome and added support for native lazy-loading images (NLLI). NLLI delays loading images until they’re needed to speed up page load times, and reduce the data needed to display just what’s immediately needed to display a page.</p> <p><a href="https://www.ctrl.blog/entry/eager-lazy-loading.html#src=feed">Read more …</a></p>