aria/aria.coffee
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

perf(FriendLink*): add AVIF format to buttons

Browse source
This commit is contained in:
aria 2025-06-01 21:25:38 +10:00
parent e14e66bcf9
commit d47996b308
Signed by: aria
SSH key fingerprint: SHA256:WqtcVnDMrv1lnUlNah5k31iywFUI/DV+5yHzCTO4Vds
4 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/FriendLink.astro
View file

@ -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;

2
src/components/FriendLinkHigh.astro
View file

@ -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;

2
src/components/FriendLinkLow.astro
View file

@ -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;

2
src/components/FriendLinkMid.astro
View file

@ -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;