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:

<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:

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