From d47996b3083d435c57bc54f8a84d7774c49647d5 Mon Sep 17 00:00:00 2001
From: aria <hello@aria.coffee>
Date: Sun, 1 Jun 2025 21:25:38 +1000
Subject: [PATCH] perf(FriendLink*): add AVIF format to buttons
---
src/components/FriendLink.astro | 2 +-
src/components/FriendLinkHigh.astro | 2 +-
src/components/FriendLinkLow.astro | 2 +-
src/components/FriendLinkMid.astro | 2 +-
4 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/components/FriendLink.astro b/src/components/FriendLink.astro
index 1b2820d..5147e56 100644
--- a/src/components/FriendLink.astro
+++ b/src/components/FriendLink.astro
@@ -3,7 +3,7 @@ import { Image, Picture } from "astro:assets";
const { name, image, target } = Astro.props;
---
-<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="max" decoding="async" loading="lazy" formats={['webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="max" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
<style>
img {
image-rendering: pixelated;
diff --git a/src/components/FriendLinkHigh.astro b/src/components/FriendLinkHigh.astro
index eaced05..e9035b0 100644
--- a/src/components/FriendLinkHigh.astro
+++ b/src/components/FriendLinkHigh.astro
@@ -3,7 +3,7 @@ import { Image, Picture } from "astro:assets";
const { name, image, target } = Astro.props;
---
-<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="high" decoding="async" loading="lazy" formats={['webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="high" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
<style>
img {
image-rendering: pixelated;
diff --git a/src/components/FriendLinkLow.astro b/src/components/FriendLinkLow.astro
index 0f9bfa1..063af7d 100644
--- a/src/components/FriendLinkLow.astro
+++ b/src/components/FriendLinkLow.astro
@@ -3,7 +3,7 @@ import { Image, Picture } from "astro:assets";
const { name, image, target } = Astro.props;
---
-<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="low" decoding="async" loading="lazy" formats={['webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="low" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
<style>
img {
image-rendering: pixelated;
diff --git a/src/components/FriendLinkMid.astro b/src/components/FriendLinkMid.astro
index c39aab3..9334fad 100644
--- a/src/components/FriendLinkMid.astro
+++ b/src/components/FriendLinkMid.astro
@@ -3,7 +3,7 @@ import { Image, Picture } from "astro:assets";
const { name, image, target } = Astro.props;
---
-<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['webp']} /></a>
+<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['avif', 'webp']} /></a>
<style>
img {
image-rendering: pixelated;