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

refactor(NavHeader.astro): ⚡ Optimise size and scale of pfp in header

Browse source 
set's the header to be 320x320 with a quality of 65 which get's it just under 20kb in avif
This commit is contained in:
BuyMyMojo 2024-12-20 15:06:44 +11:00
parent 8f5c40bed5
commit 1a271786b0
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/NavHeader.astro
View file

@ -15,6 +15,9 @@ const optimizedBackground = await getImage({src: myBackground, format: 'avif', q
<Picture <Picture
src={pfp} src={pfp}
class="size-40 rounded-full shadow shadow-black m-4" class="size-40 rounded-full shadow shadow-black m-4"
width={320}
height={320}
quality={65}
formats={['avif', 'webp', 'jpeg']} formats={['avif', 'webp', 'jpeg']}
alt="Arias's profile picture" alt="Arias's profile picture"
/> />