From 21e8bdbeffc6e2c2e3d1f05c8c783e1b2c41b625 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Wed, 29 May 2024 13:38:52 -0700
Subject: [PATCH] chore: image quality

---
 src/_includes/partials/media/grid.liquid      | 20 ++---
 .../partials/media/music/recent.liquid        | 10 +--
 .../partials/media/watching/grid.liquid       | 10 +--
 .../partials/media/watching/hero.liquid       | 10 +--
 .../partials/widgets/badge-grid.liquid        | 80 +++++++++----------
 src/_includes/webrings/the-claw.liquid        | 10 +--
 src/pages/errors/404.html                     | 10 +--
 src/pages/main/about.md                       | 10 +--
 src/pages/main/books/book.html                | 10 +--
 src/pages/main/books/index.html               | 10 +--
 src/pages/main/music/artists/artist.html      | 10 +--
 src/pages/main/watching/movie.html            | 10 +--
 src/pages/main/watching/show.html             | 10 +--
 ...ng-data-from-apple-music-using-musickit.md | 10 +--
 ...ail-with-regex-filters-now-with-chatgpt.md | 10 +--
 ...cs-to-json-surfacing-anticipated-albums.md | 10 +--
 ...now-page-grouping-episodes-of-same-show.md | 10 +--
 ...g-eleventy-netlify-edge-functions-emoji.md | 10 +--
 ...ptimizing-for-performance-with-eleventy.md | 10 +--
 .../road-to-madness-apple-music-charts.md     | 10 +--
 .../2024/adventures-in-self-hosting-data.md   | 10 +--
 ...ebhooks-edge-functions-and-blob-storage.md | 10 +--
 .../building-pages-from-data-in-eleventy.md   |  2 +-
 ...2-netlify-image-cdn-hazel-mountain-duck.md | 10 +--
 ...y-self-hosted-scrobbling-implementation.md | 10 +--
 src/posts/2024/on-getting-tattooed.md         | 10 +--
 src/posts/2024/this-is-my-favorite-band.md    | 10 +--
 src/posts/2024/what-song-is-in-your-head.md   | 10 +--
 28 files changed, 176 insertions(+), 176 deletions(-)

diff --git a/src/_includes/partials/media/grid.liquid b/src/_includes/partials/media/grid.liquid
index 90f77067..dda59c3f 100644
--- a/src/_includes/partials/media/grid.liquid
+++ b/src/_includes/partials/media/grid.liquid
@@ -19,16 +19,16 @@
         {% if shape == 'square' %}
           <img
             srcset="
-              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=200&fm=webp&q=50 200w,
-              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=400&fm=webp&q=50 400w,
-              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=800&fm=webp&q=50 800w,
-              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50 1200w
+              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=200&fm=webp&q=40 200w,
+              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=400&fm=webp&q=40 400w,
+              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=800&fm=webp&q=40 800w,
+              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40 1200w
             "
             sizes="(max-width: 450px) 200px,
               (max-width: 850px) 400px,
               (max-width: 100px) 800px,
               1200px"
-            src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50"
+            src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40"
             alt="{{ alt }}"
             loading="{{ loadingStrategy }}"
             decoding="async"
@@ -38,16 +38,16 @@
         {% else %}
           <img
             srcset="
-              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=50 200w,
-              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=614&fm=webp&q=50 400w,
-              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=1228&fm=webp&q=50 800w,
-              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=50 1200w
+              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=40 200w,
+              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=614&fm=webp&q=40 400w,
+              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=1228&fm=webp&q=40 800w,
+              https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=40 1200w
             "
             sizes="(max-width: 450px) 200px,
               (max-width: 850px) 400px,
               (max-width: 1000px) 800px,
               1200px"
-            src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=50"
+            src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=40"
             alt="{{ alt }}"
             loading="{{ loadingStrategy }}"
             decoding="async"
diff --git a/src/_includes/partials/media/music/recent.liquid b/src/_includes/partials/media/music/recent.liquid
index fa291642..2e36762a 100644
--- a/src/_includes/partials/media/music/recent.liquid
+++ b/src/_includes/partials/media/music/recent.liquid
@@ -5,16 +5,16 @@
       <div class="meta">
         <img
           srcset="
-            https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=50 64w,
-            https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=128&h=128&fm=webp&q=50 128w,
-            https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=256&h=256&fm=webp&q=50 256w,
-            https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=50 512w
+            https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=40 64w,
+            https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=128&h=128&fm=webp&q=40 128w,
+            https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=256&h=256&fm=webp&q=40 256w,
+            https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=40 512w
           "
           sizes="(max-width: 450px) 64px,
             (max-width: 850px) 128px,
             (max-width: 1000px) 256px,
             512px"
-          src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=50"
+          src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=40"
           alt="{{ alt }}"
           loading="lazy"
           decoding="async"
diff --git a/src/_includes/partials/media/watching/grid.liquid b/src/_includes/partials/media/watching/grid.liquid
index 9db69708..8ef3d623 100644
--- a/src/_includes/partials/media/watching/grid.liquid
+++ b/src/_includes/partials/media/watching/grid.liquid
@@ -23,16 +23,16 @@
         {%- endcapture -%}
         <img
           srcset="
-            https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=50 256w,
-            https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=50 512w,
-            https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
-            https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
+            https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=40 256w,
+            https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=40 512w,
+            https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
+            https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
           "
           sizes="(max-width: 450px) 256px,
             (max-width: 850px) 512px,
             (max-width: 1000px) 1024px,
             2048px"
-          src="https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50"
+          src="https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40"
           alt="{{ alt }}"
           loading="{{ loadingStrategy }}"
           decoding="async"
diff --git a/src/_includes/partials/media/watching/hero.liquid b/src/_includes/partials/media/watching/hero.liquid
index 39b06a24..155820dd 100644
--- a/src/_includes/partials/media/watching/hero.liquid
+++ b/src/_includes/partials/media/watching/hero.liquid
@@ -7,16 +7,16 @@
     </div>
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=50 256w,
-        https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=50 512w,
-        https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
-        https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
+        https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=40 256w,
+        https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=40 512w,
+        https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
+        https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
       "
       sizes="(max-width: 450px) 256px,
         (max-width: 850px) 512px,
         (max-width: 1000px) 1024px,
         2048px"
-      src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40"
       alt="{{ alt }}"
       loading="eager"
       decoding="async"
diff --git a/src/_includes/partials/widgets/badge-grid.liquid b/src/_includes/partials/widgets/badge-grid.liquid
index 7d70881b..48602f28 100644
--- a/src/_includes/partials/widgets/badge-grid.liquid
+++ b/src/_includes/partials/widgets/badge-grid.liquid
@@ -2,16 +2,16 @@
   <a href="https://11ty.dev">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
       "
       sizes="(max-width: 450px) 88px,
         (max-width: 850px) 176px,
         (max-width: 1000px) 352px,
         704px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=40"
       alt="Made with 11ty"
       loading="lazy"
       decoding="async"
@@ -22,16 +22,16 @@
   <a href="https://social.lol/@cory">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
       "
       sizes="(max-width: 450px) 88px,
         (max-width: 850px) 176px,
         (max-width: 1000px) 352px,
         704px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=40"
       alt="Made with 11ty"
       loading="lazy"
       decoding="async"
@@ -42,16 +42,16 @@
   <a href="https://www.buymeacoffee.com/cory">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
       "
       sizes="(max-width: 450px) 88px,
         (max-width: 850px) 176px,
         (max-width: 1000px) 352px,
         704px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=40"
       alt="Made with 11ty"
       loading="lazy"
       decoding="async"
@@ -62,16 +62,16 @@
   <a href="https://github.com/cdransf">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
       "
       sizes="(max-width: 450px) 88px,
         (max-width: 850px) 176px,
         (max-width: 1000px) 352px,
         704px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=40"
       alt="Made with 11ty"
       loading="lazy"
       decoding="async"
@@ -82,16 +82,16 @@
   <a href="https://github.com/ai-robots-txt/ai.robots.txt">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
       "
       sizes="(max-width: 450px) 88px,
         (max-width: 850px) 176px,
         (max-width: 1000px) 352px,
         704px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=40"
       alt="Made with 11ty"
       loading="lazy"
       decoding="async"
@@ -102,16 +102,16 @@
   <a href="https://validator.w3.org">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
       "
       sizes="(max-width: 450px) 88px,
         (max-width: 850px) 176px,
         (max-width: 1000px) 352px,
         704px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=40"
       alt="Made with 11ty"
       loading="lazy"
       decoding="async"
@@ -122,16 +122,16 @@
   <a href="https://www.w3.org/Style/CSS/Overview.en.html">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
       "
       sizes="(max-width: 450px) 88px,
         (max-width: 850px) 176px,
         (max-width: 1000px) 352px,
         704px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=40"
       alt="Made with 11ty"
       loading="lazy"
       decoding="async"
@@ -142,16 +142,16 @@
   <a href="https://coryd.dev/feeds">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=88&h=31&fm=webp&q=40 88w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=176&h=62&fm=webp&q=40 176w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=352&h=124&fm=webp&q=40 352w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=40 704w
       "
       sizes="(max-width: 450px) 88px,
         (max-width: 850px) 176px,
         (max-width: 1000px) 352px,
         704px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=40"
       alt="Made with 11ty"
       loading="lazy"
       decoding="async"
diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid
index e3eead5f..b4d566c6 100644
--- a/src/_includes/webrings/the-claw.liquid
+++ b/src/_includes/webrings/the-claw.liquid
@@ -2,16 +2,16 @@
   <div class="webring__centered flex-centered">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=200&h=169&fm=webp&q=50 200w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=400&h=338&fm=webp&q=50 400w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=800&h=676&fm=webp&q=50 800w,
-        https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=50 1600w
+        https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=200&h=169&fm=webp&q=40 200w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=400&h=338&fm=webp&q=40 400w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=800&h=676&fm=webp&q=40 800w,
+        https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=40 1600w
       "
       sizes="(max-width: 450px) 200px,
         (max-width: 850px) 400px,
         (max-width: 1000px) 800px,
         1600px"
-      src="https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=40"
       alt="The Claw Webring"
       loading="lazy"
       decoding="async"
diff --git a/src/pages/errors/404.html b/src/pages/errors/404.html
index 55ff1c3c..ea72630a 100644
--- a/src/pages/errors/404.html
+++ b/src/pages/errors/404.html
@@ -8,16 +8,16 @@ image: /assets/img/404.jpg
 <div class="four-oh-four-wrapper">
   <img
     srcset="
-      https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=256&h=144&fm=webp&q=50 256w,
-      https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=512&h=288&fm=webp&q=50 512w,
-      https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
-      https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
+      https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=256&h=144&fm=webp&q=40 256w,
+      https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=512&h=288&fm=webp&q=40 512w,
+      https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
+      https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
     "
     sizes="(max-width: 450px) 256px,
       (max-width: 850px) 512px,
       (max-width: 1000px) 1024px,
       2048px"
-    src="https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=50"
+    src="https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=40"
     alt="{{ alt }}"
     class="image-banner"
     loading="eager"
diff --git a/src/pages/main/about.md b/src/pages/main/about.md
index 619a8f81..e9139bf6 100644
--- a/src/pages/main/about.md
+++ b/src/pages/main/about.md
@@ -11,16 +11,16 @@ permalink: /about.html
   {%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
   <img
     srcset="
-      https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=200&h=200&fm=webp&q=50 200w,
-      https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=400&h=400&fm=webp&q=50 400w,
-      https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=800&h=800&fm=webp&q=50 800w,
-      https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=50 1200w
+      https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=200&h=200&fm=webp&q=40 200w,
+      https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=400&h=400&fm=webp&q=40 400w,
+      https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=800&h=800&fm=webp&q=40 800w,
+      https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=40 1200w
     "
     sizes="(max-width: 450px) 200px,
       (max-width: 850px) 400px,
       (max-width: 1000px) 800px,
       1200px"
-    src="https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=50"
+    src="https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=40"
     alt="{{ about_alt }}"
     loading="eager"
     decoding="async"
diff --git a/src/pages/main/books/book.html b/src/pages/main/books/book.html
index 78274439..93875d27 100644
--- a/src/pages/main/books/book.html
+++ b/src/pages/main/books/book.html
@@ -16,16 +16,16 @@ schema: book
   <div class="book-display">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=50 203w,
-        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=50 406w,
-        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=50 812w,
-        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=50 1624w
+        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=40 203w,
+        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=40 406w,
+        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=40 812w,
+        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=40 1624w
       "
       sizes="(max-width: 450px) 203px,
         (max-width: 850px) 406px,
         (max-width: 1000px) 812px,
         1624px"
-      src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=40"
       alt="{{ alt }}"
       loading="eager"
       decoding="async"
diff --git a/src/pages/main/books/index.html b/src/pages/main/books/index.html
index 9be2a7e8..de667289 100644
--- a/src/pages/main/books/index.html
+++ b/src/pages/main/books/index.html
@@ -20,16 +20,16 @@ schema: books
   <a href="{{ book.url }}">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=50 203w,
-        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=50 406w,
-        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=50 812w,
-        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=50 1624w
+        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=40 203w,
+        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=40 406w,
+        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=40 812w,
+        https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=40 1624w
       "
       sizes="(max-width: 450px) 203px,
         (max-width: 850px) 406px,
         (max-width: 1000px) 812px,
         1624px"
-      src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=40"
       alt="{{ alt }}"
       loading="eager"
       decoding="async"
diff --git a/src/pages/main/music/artists/artist.html b/src/pages/main/music/artists/artist.html
index 02539ec6..7bdad5bf 100644
--- a/src/pages/main/music/artists/artist.html
+++ b/src/pages/main/music/artists/artist.html
@@ -21,16 +21,16 @@ schema: artist
   <div class="artist-display">
     <img
       srcset="
-        https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=200&h=200&fm=webp&q=50 200w,
-        https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=400&h=400&fm=webp&q=50 400w,
-        https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=800&h=800&fm=webp&q=50 800w,
-        https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50 1200w
+        https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=200&h=200&fm=webp&q=40 200w,
+        https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=400&h=400&fm=webp&q=40 400w,
+        https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=800&h=800&fm=webp&q=40 800w,
+        https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40 1200w
       "
       sizes="(max-width: 450px) 200px,
         (max-width: 850px) 400px,
         (max-width: 1000px) 800px,
         1200px"
-      src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50"
+      src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=40"
       alt="{{ alt }}"
       loading="eager"
       decoding="async"
diff --git a/src/pages/main/watching/movie.html b/src/pages/main/watching/movie.html
index d448c0da..071ab281 100644
--- a/src/pages/main/watching/movie.html
+++ b/src/pages/main/watching/movie.html
@@ -14,16 +14,16 @@ schema: movie
 <article class="watching-focus">
   <img
     srcset="
-      https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=50 256w,
-      https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=50 512w,
-      https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
-      https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
+      https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=40 256w,
+      https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=40 512w,
+      https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
+      https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
     "
     sizes="(max-width: 450px) 256px,
       (max-width: 850px) 512px,
       (max-width: 1000px) 1024px,
       2048px"
-    src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50"
+    src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=40"
     alt="{{ alt }}"
     class="image-banner"
     loading="eager"
diff --git a/src/pages/main/watching/show.html b/src/pages/main/watching/show.html
index 50dff224..4205cdd2 100644
--- a/src/pages/main/watching/show.html
+++ b/src/pages/main/watching/show.html
@@ -15,16 +15,16 @@ schema: show
 <article class="watching-focus">
   <img
     srcset="
-      https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=256&h=144&fm=webp&q=50 256w,
-      https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=512&h=288&fm=webp&q=50 512w,
-      https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
-      https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
+      https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=256&h=144&fm=webp&q=40 256w,
+      https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=512&h=288&fm=webp&q=40 512w,
+      https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=1024&h=576&fm=webp&q=40 1024w,
+      https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=40 2048w
     "
     sizes="(max-width: 450px) 256px,
       (max-width: 850px) 512px,
       (max-width: 1000px) 1024px,
       2048px"
-    src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=50"
+    src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=40"
     alt="{{ alt }}"
     class="image-banner"
     loading="eager"
diff --git a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
index e86ff527..19673772 100644
--- a/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
+++ b/src/posts/2023/displaying-listening-data-from-apple-music-using-musickit.md
@@ -205,16 +205,16 @@ We have an object containing arrays of objects — we iterate through each objec
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=200&h=226&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=400&h=452&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=800&h=904&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=1200&h=1356&fm=webp&q=50 1200w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=200&h=226&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=400&h=452&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=800&h=904&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=1200&h=1356&fm=webp&q=40 1200w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1200px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=1200&h=1356&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=1200&h=1356&fm=webp&q=40"
   alt="Albums and artists"
   class="image-banner"
   loading="lazy"
diff --git a/src/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt.md b/src/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt.md
index 252a9c9d..5e38ec23 100644
--- a/src/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt.md
+++ b/src/posts/2023/fastmail-handling-inbound-email-with-regex-filters-now-with-chatgpt.md
@@ -11,16 +11,16 @@ For now, I've approached filtering my mail by applying regular expressions to re
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=250&h=183&fm=webp&q=50 250w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=500&h=367&fm=webp&q=50 500w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=1000&h=733&fm=webp&q=50 1000w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=2000&h=1466&fm=webp&q=50 2000w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=250&h=183&fm=webp&q=40 250w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=500&h=367&fm=webp&q=40 500w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=1000&h=733&fm=webp&q=40 1000w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=2000&h=1466&fm=webp&q=40 2000w
   "
   sizes="(max-width: 450px) 250px,
     (max-width: 850px) 500px,
     (max-width: 1000px) 1000px,
     2000px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=2000&h=1466&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=2000&h=1466&fm=webp&q=40"
   alt="A diagram of my Fastmail workflow"
   class="image-banner"
   loading="eager"
diff --git a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
index bf4d1295..a97870c2 100644
--- a/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
+++ b/src/posts/2023/from-ics-to-json-surfacing-anticipated-albums.md
@@ -68,16 +68,16 @@ Leaving us with:
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=200&h=100&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=400&h=200&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=800&h=400&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=1600&h=800&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=200&h=100&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=400&h=200&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=800&h=400&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=1600&h=800&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=1600&h=800&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=1600&h=800&fm=webp&q=40"
   alt="Albums I'm looking forward to"
   class="image-banner"
   loading="lazy"
diff --git a/src/posts/2023/now-page-grouping-episodes-of-same-show.md b/src/posts/2023/now-page-grouping-episodes-of-same-show.md
index 60da53d4..c999b090 100644
--- a/src/posts/2023/now-page-grouping-episodes-of-same-show.md
+++ b/src/posts/2023/now-page-grouping-episodes-of-same-show.md
@@ -14,16 +14,16 @@ By _minor_ I mean one of those things that may well break inexplicably depending
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=200&h=75&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=400&h=150&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=800&h=300&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=1600&h=600&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=200&h=75&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=400&h=150&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=800&h=300&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=1600&h=600&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=1600&h=600&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=1600&h=600&fm=webp&q=40"
   alt="Grouped TV episodes"
   class="image-banner"
   width="768"
diff --git a/src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md b/src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md
index e072c6f5..aa1af92c 100644
--- a/src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md
+++ b/src/posts/2023/now-playing-eleventy-netlify-edge-functions-emoji.md
@@ -170,16 +170,16 @@ All of this, yields the single line at the bottom of this image — updated on e
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=200&h=61&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=400&h=122&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=800&h=245&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=1600&h=490&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=200&h=61&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=400&h=122&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=800&h=245&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=1600&h=490&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=1600&h=490&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=1600&h=490&fm=webp&q=40"
   alt="Now playing"
   class="image-banner"
   loading="lazy"
diff --git a/src/posts/2023/optimizing-for-performance-with-eleventy.md b/src/posts/2023/optimizing-for-performance-with-eleventy.md
index 5e838fc8..4bfad947 100644
--- a/src/posts/2023/optimizing-for-performance-with-eleventy.md
+++ b/src/posts/2023/optimizing-for-performance-with-eleventy.md
@@ -128,16 +128,16 @@ All of these boilerplate steps leave us with a quick to load, accessible and res
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=250&h=121&fm=webp&q=50 250w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=500&h=242&fm=webp&q=50 500w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=1000&h=484&fm=webp&q=50 1000w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=2000&h=968&fm=webp&q=50 2000w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=250&h=121&fm=webp&q=40 250w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=500&h=242&fm=webp&q=40 500w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=1000&h=484&fm=webp&q=40 1000w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=2000&h=968&fm=webp&q=40 2000w
   "
   sizes="(max-width: 450px) 250px,
     (max-width: 850px) 500px,
     (max-width: 1000px) 1000px,
     2000px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=2000&h=968&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=2000&h=968&fm=webp&q=40"
   alt="Pagespeed scores for coryd.dev/now"
   class="image-banner"
   loading="lazy"
diff --git a/src/posts/2023/road-to-madness-apple-music-charts.md b/src/posts/2023/road-to-madness-apple-music-charts.md
index f3935aee..8bc2c73b 100644
--- a/src/posts/2023/road-to-madness-apple-music-charts.md
+++ b/src/posts/2023/road-to-madness-apple-music-charts.md
@@ -134,16 +134,16 @@ There are some significant issues with this approach: it doesn't capture listens
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=200&h=127&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=400&h=254&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=800&h=508&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=1600&h=1016&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=200&h=127&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=400&h=254&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=800&h=508&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=1600&h=1016&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=1600&h=1016&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=1600&h=1016&fm=webp&q=40"
   alt="Charlie Day standing in front of charts"
   class="image-banner"
   loading="lazy"
diff --git a/src/posts/2024/adventures-in-self-hosting-data.md b/src/posts/2024/adventures-in-self-hosting-data.md
index 99da9f18..ebeec4a8 100644
--- a/src/posts/2024/adventures-in-self-hosting-data.md
+++ b/src/posts/2024/adventures-in-self-hosting-data.md
@@ -26,16 +26,16 @@ Trakt's backups are in JSON so I went to work coercing them into CSVs to upload
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=200&h=87&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=400&h=174&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=800&h=347&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=1600&h=694&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=200&h=87&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=400&h=174&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=800&h=347&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=1600&h=694&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=1600&h=694&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=1600&h=694&fm=webp&q=40"
   alt="A diagram of my watched media tables"
   class="image-banner"
   loading="lazy"
diff --git a/src/posts/2024/building-a-scrobbler-using-plex-webhooks-edge-functions-and-blob-storage.md b/src/posts/2024/building-a-scrobbler-using-plex-webhooks-edge-functions-and-blob-storage.md
index 3b55bc1f..3afb56b6 100644
--- a/src/posts/2024/building-a-scrobbler-using-plex-webhooks-edge-functions-and-blob-storage.md
+++ b/src/posts/2024/building-a-scrobbler-using-plex-webhooks-edge-functions-and-blob-storage.md
@@ -11,16 +11,16 @@ I could have kept depending on Last.fm and — don't get me wrong — I love Las
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=200&h=100&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=400&h=200&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=800&h=400&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=1600&h=800&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=200&h=100&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=400&h=200&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=800&h=400&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=1600&h=800&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=1600&h=800&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=1600&h=800&fm=webp&q=40"
   alt="A diagram of the scrobbling architecture"
   class="image-banner"
   width="768"
diff --git a/src/posts/2024/building-pages-from-data-in-eleventy.md b/src/posts/2024/building-pages-from-data-in-eleventy.md
index 1263ee2c..bc2fec1c 100644
--- a/src/posts/2024/building-pages-from-data-in-eleventy.md
+++ b/src/posts/2024/building-pages-from-data-in-eleventy.md
@@ -118,7 +118,7 @@ schema: artist
 <a class="back-link-header link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a>
 <article class="artist-focus">
   <div class="artist-display">
-    <img src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fm=webp&q=50&w=240&h=240&fit=cover" alt="{{ alt }}" loading="eager" decoding="async" width="240" height="240" />
+    <img src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fm=webp&q=40&w=240&h=240&fit=cover" alt="{{ alt }}" loading="eager" decoding="async" width="240" height="240" />
     <div class="artist-meta">
       <p class="title"><strong>{{ artist.name_string }}</strong></p>
       {%- if artist.favorite -%}
diff --git a/src/posts/2024/handling-images-with-b2-netlify-image-cdn-hazel-mountain-duck.md b/src/posts/2024/handling-images-with-b2-netlify-image-cdn-hazel-mountain-duck.md
index fbd7c777..4985c8fa 100644
--- a/src/posts/2024/handling-images-with-b2-netlify-image-cdn-hazel-mountain-duck.md
+++ b/src/posts/2024/handling-images-with-b2-netlify-image-cdn-hazel-mountain-duck.md
@@ -16,16 +16,16 @@ My music charting feature relies on JSON maps of artist and album metadata — i
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=200&h=75&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=400&h=150&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=800&h=300&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=1600&h=600&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=200&h=75&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=400&h=150&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=800&h=300&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=1600&h=600&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=1600&h=600&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=1600&h=600&fm=webp&q=40"
   alt="An example of my album art Hazel workflow"
   class="image-banner"
   width="786"
diff --git a/src/posts/2024/improving-my-self-hosted-scrobbling-implementation.md b/src/posts/2024/improving-my-self-hosted-scrobbling-implementation.md
index c01e5f38..3683d820 100644
--- a/src/posts/2024/improving-my-self-hosted-scrobbling-implementation.md
+++ b/src/posts/2024/improving-my-self-hosted-scrobbling-implementation.md
@@ -31,16 +31,16 @@ I imported those CSVs into their respective tables, and worked my way to connect
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=250&h=221&fm=webp&q=50 250w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=500&h=443&fm=webp&q=50 500w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=1000&h=886&fm=webp&q=50 1000w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=2000&h=1772&fm=webp&q=50 2000w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=250&h=221&fm=webp&q=40 250w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=500&h=443&fm=webp&q=40 500w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=1000&h=886&fm=webp&q=40 1000w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=2000&h=1772&fm=webp&q=40 2000w
   "
   sizes="(max-width: 450px) 250px,
     (max-width: 850px) 500px,
     (max-width: 1000px) 1000px,
     2000px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=2000&h=1772&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=2000&h=1772&fm=webp&q=40"
   alt="A diagram of my scrobbling tables"
   class="image-banner"
   loading="eager"
diff --git a/src/posts/2024/on-getting-tattooed.md b/src/posts/2024/on-getting-tattooed.md
index 34c264c0..21858661 100644
--- a/src/posts/2024/on-getting-tattooed.md
+++ b/src/posts/2024/on-getting-tattooed.md
@@ -30,16 +30,16 @@ Each piece was important to me when I got it and remains important to me now. Th
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=200&h=179&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=400&h=358&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=800&h=715&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=1600&h=1430&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=200&h=179&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=400&h=358&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=800&h=715&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=1600&h=1430&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=1600&h=1430&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=1600&h=1430&fm=webp&q=40"
   alt="A photo of the Sturgill Simpson-inspired half sleeve referenced above."
   class="image-banner"
   loading="lazy"
diff --git a/src/posts/2024/this-is-my-favorite-band.md b/src/posts/2024/this-is-my-favorite-band.md
index a702add8..2234f60e 100644
--- a/src/posts/2024/this-is-my-favorite-band.md
+++ b/src/posts/2024/this-is-my-favorite-band.md
@@ -9,16 +9,16 @@ I've called the same band my favorite for a long time and, the older I get, the
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=200&h=133&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=400&h=267&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=800&h=533&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=1600&h=1067&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=200&h=133&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=400&h=267&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=800&h=533&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=1600&h=1067&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=1600&h=1067&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=1600&h=1067&fm=webp&q=40"
   alt="Albums and artists"
   class="image-banner"
   loading="eager"
diff --git a/src/posts/2024/what-song-is-in-your-head.md b/src/posts/2024/what-song-is-in-your-head.md
index 234abccb..9faed605 100644
--- a/src/posts/2024/what-song-is-in-your-head.md
+++ b/src/posts/2024/what-song-is-in-your-head.md
@@ -8,16 +8,16 @@ I saw this carved into a table in Austin once and it — like many songs — has
 
 <img
   srcset="
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=200&h=67&fm=webp&q=50 200w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=400&h=133&fm=webp&q=50 400w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=800&h=267&fm=webp&q=50 800w,
-    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=1600&h=533&fm=webp&q=50 1600w
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=200&h=67&fm=webp&q=40 200w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=400&h=133&fm=webp&q=40 400w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=800&h=267&fm=webp&q=40 800w,
+    https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=1600&h=533&fm=webp&q=40 1600w
   "
   sizes="(max-width: 450px) 200px,
     (max-width: 850px) 400px,
     (max-width: 1000px) 800px,
     1600px"
-  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=1600&h=533&fm=webp&q=50"
+  src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=1600&h=533&fm=webp&q=40"
   alt="What song is in your head?"
   class="image-banner"
   loading="eager"