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;