Mauri
49 lines
1.2 KiB
Markdown
49 lines
1.2 KiB
Markdown
# 404 Robo-Mate Image Assets
|
|
|
|
Ilustración de Mauri para la página 404. Procesada con ImageMagick + avifenc.
|
|
|
|
## Archivos
|
|
|
|
```
|
|
public/images/404/
|
|
├── robo-mate.png (PNG fallback, 800x436, ~320KB)
|
|
├── robo-mate.webp (WebP, 800x436, ~15KB)
|
|
└── robo-mate.avif (AVIF, 800x436, ~8KB — preferido)
|
|
```
|
|
|
|
## Cómo se usa
|
|
|
|
El `src/pages/404.astro` usa `<picture>` con esta estructura:
|
|
|
|
```html
|
|
<picture>
|
|
<source type="image/avif" srcset="/images/404/robo-mate.avif" />
|
|
<source type="image/webp" srcset="/images/404/robo-mate.webp" />
|
|
<img src="/images/404/robo-mate.png" alt="..." onerror="fallback" />
|
|
</picture>
|
|
```
|
|
|
|
Si **ninguna** de las versiones existe, el `onerror` muestra el SVG inline de respaldo
|
|
(robot procedural con mate, vapor, mejillas coral y mano abierta).
|
|
|
|
## Regenerar
|
|
|
|
Si Mauri quiere actualizar la ilustración:
|
|
|
|
```bash
|
|
cd public/images/404
|
|
|
|
# AVIF (~8KB)
|
|
avifenc --min 25 --max 35 -o robo-mate.avif robo-mate-orig.png
|
|
|
|
# WebP (~15KB)
|
|
convert robo-mate-orig.png -quality 82 -define webp:method=6 robo-mate.webp
|
|
|
|
# PNG fallback (~320KB)
|
|
convert robo-mate-orig.png -resize 800x -quality 88 -strip robo-mate.png
|
|
```
|
|
|
|
## Fuente
|
|
|
|
Original: `https://nube.hostingdelsur.net/s/56N5mT9BEdNXSXB` (Robo-mate.png, 1408x768).
|