Convert avatar and header images to AVIF format

src/_includes/asummersend/hero.njk

@@ -2,8 +2,8 @@
 
 {% block heroImg %}
     <picture>
-        <source srcset="/assets/shrines/asummersend/images/asummersend-header-320.png" media="(orientation: landscape)" />
-        <img src="/assets/shrines/asummersend/images/asummersend-header.png" alt="Banner of A Summer’s End — Hong Kong 1986 Shrine" />
+        <source srcset="/assets/shrines/asummersend/images/asummersend-header-320.avif" media="(orientation: landscape)" />
+        <img src="/assets/shrines/asummersend/images/asummersend-header.avif" alt="Banner of A Summer’s End — Hong Kong 1986 Shrine" />
     </picture>
 {% endblock %}
 

src/_includes/cassettebeasts/hero.njk

@@ -2,8 +2,8 @@
 
 {% block heroImg %}
     <picture>
-        <source srcset="/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.png" media="(orientation: landscape)" />
-        <img src="/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.png" alt="Banner of Cassette Beasts Shrine" />
+        <source srcset="/assets/shrines/cassettebeasts/images/cassettebeasts-header-320.avif" media="(orientation: landscape)" />
+        <img src="/assets/shrines/cassettebeasts/images/cassettebeasts-header-640.avif" alt="Banner of Cassette Beasts Shrine" />
     </picture>
 {% endblock %}
 

src/_includes/main/hero.njk

@@ -1,7 +1,7 @@
 {% extends "global/hero.njk" %}
 
 {% block heroImg %}
-    <img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Banner of Leilukin's Hub">
+    <img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.avif" alt="Banner of Leilukin's Hub">
 {% endblock %}
 
 {% block heroDropShadowStyle %}

src/_includes/starwarskotor/hero.njk

@@ -2,8 +2,8 @@
 
 {% block heroImg %}
     <picture>
-        <source srcset="/assets/shrines/starwarskotor/images/swkotor-header-320.png" media="(orientation: landscape)" />
-        <img src="/assets/shrines/starwarskotor/images/swkotor-header.jpg" alt="anner of Star Wars: Knights of the Old Republic Shrine" />
+        <source srcset="/assets/shrines/starwarskotor/images/swkotor-header-320.avif" media="(orientation: landscape)" />
+        <img src="/assets/shrines/starwarskotor/images/swkotor-header.avif" alt="anner of Star Wars: Knights of the Old Republic Shrine" />
     </picture>
 {% endblock %}
 

src/pages/about.md

@@ -38,7 +38,7 @@ This site is deployed to [Netlify](https://www.netlify.com/) from its GitHub rep
 {% container "article", "content__section" %}
 ## The Webmaster
 
-![Avatar of a drawing of Leilukin bee](/assets/leilukin/leilukin-bee.png){style="border-radius: 50%; width: 15rem; margin: 0.5em auto;"}
+![Avatar of a drawing of Leilukin bee](/assets/leilukin/leilukin-bee.avif){loading="lazy"}{style="border-radius: 50%; width: 15rem; margin: 0.5em auto;"}
 
 You can call me {{ sitemeta.siteAuthor.name }}. I am a Malaysian Chinese, queer, non-binary lesbian born in the early 90s. My pronouns are they/them and she/her in English, [他]{lang="zh"} and [她]{lang="zh"} in Chinese.
 

src/pages/shrines.md

@@ -16,7 +16,7 @@ Here is a list of shrines I have made for my own website.
 
 ## [{% cite "Star Wars: Knights of the Old Republic" %}](./starwarskotor/)
 
-![Key art of the Star Wars: Knights of the Old Republic series](/assets/shrines/starwarskotor/images/swkotor-header.jpg)
+![Key art of the Star Wars: Knights of the Old Republic series](/assets/shrines/starwarskotor/images/swkotor-header.avif)
 
 ## [{% cite "Cassette Beasts" %}](./cassettebeasts/)