Convert avatar and header images to AVIF format

This commit is contained in:
Helen Chong 2024-06-06 21:00:48 +08:00
parent 39c00e0ff0
commit c5b51e4324
23 changed files with 9 additions and 9 deletions

View File

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

View File

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

View File

@ -1,7 +1,7 @@
{% extends "global/hero.njk" %} {% extends "global/hero.njk" %}
{% block heroImg %} {% 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 %} {% endblock %}
{% block heroDropShadowStyle %} {% block heroDropShadowStyle %}

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 441 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 529 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 671 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 835 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 604 KiB

View File

@ -38,7 +38,7 @@ This site is deployed to [Netlify](https://www.netlify.com/) from its GitHub rep
{% container "article", "content__section" %} {% container "article", "content__section" %}
## The Webmaster ## 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. 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.

View File

@ -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/) ## [{% 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/) ## [{% cite "Cassette Beasts" %}](./cassettebeasts/)