# 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).