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

refactor(NavHeader.astro): ♻️ Increase quality of header images

Browse source 
The images are compressed more optimally with production builds allowing for an increase in quality
This commit is contained in:
BuyMyMojo 2024-12-20 15:11:02 +11:00
parent 1a271786b0
commit 22fb93357c
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/NavHeader.astro
View file

@ -5,7 +5,7 @@ import Partition from "./Partition.astro";
import myBackground from "../img/sites/avatar-ht-f.png" import myBackground from "../img/sites/avatar-ht-f.png"
const optimizedBackground = await getImage({src: myBackground, format: 'avif', quality: 40, width: 680}) const optimizedBackground = await getImage({src: myBackground, format: 'avif', quality: 50, width: 680})
--- ---
<div <div
@ -17,7 +17,7 @@ const optimizedBackground = await getImage({src: myBackground, format: 'avif', q
class="size-40 rounded-full shadow shadow-black m-4" class="size-40 rounded-full shadow shadow-black m-4"
width={320} width={320}
height={320} height={320}
quality={65} quality={70}
formats={['avif', 'webp', 'jpeg']} formats={['avif', 'webp', 'jpeg']}
alt="Arias's profile picture" alt="Arias's profile picture"
/> />