refactor: reduce the amount of image formats and sizes

Use the least amount of image formats and sizes:

- WebP for images
- Avif with JPEG fallback for pictures
This commit is contained in:
Stefan Imhoff
2023-06-12 20:52:25 +02:00
parent 37e3e8260e
commit 65fe960af0
14 changed files with 33 additions and 19 deletions

View File

@@ -67,8 +67,8 @@ const description = 'This is a collection of AI art pieces Ive created with S
src={data.images[0].src}
alt={data.title}
class="h-full mbe-10 md:w-full md:object-cover md:!mbe-0 [&_img]:!block [&_img]:!h-full [&_img]:border-solid [&_picture]:!block [&_picture]:!h-full"
format={['webp', 'avif']}
breakpoints={[300, 500, 700, 1000, 1280]}
format={['avif']}
breakpoints={[500, 1000, 1500]}
/>
</Link>
</li>