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

@@ -38,7 +38,7 @@ const schema = JSON.stringify({
<Picture
alt="Stefan Imhoff"
aspect={1}
breakpoints={[300, 512]}
breakpoints={[300, 700, 1000]}
src="/assets/images/ai-portrait-stefan-imhoff.png"
/>
</div>

View File

@@ -27,7 +27,7 @@ const gridVariant = frontmatter.grid || grid;
<Picture
alt={frontmatter.title}
aspect={1.5}
breakpoints={[300, 512, 768, 1024, 1280, 1536, 1700, 2000]}
breakpoints={[500, 1000, 1500]}
src={frontmatter.cover}
/>
</div>