Paso 14

Imágenes optimizadas

nexa build optimiza cualquier <img src="..."> estático solo, sin que el desarrollador toque nada: variantes AVIF reales, HTML reescrito a <picture>.

No hace falta declarar nada

<img src="/foto.jpg" alt="Producto" />

Cualquier imagen estática bajo public/ se detecta y se optimiza automáticamente en el build.

<picture>
    <source srcset="/foto-800.avif" type="image/avif">
    <img src="/foto.jpg" alt="Producto">
</picture>

El navegador descarga solo el AVIF más chico que necesita para su viewport — nunca el original de respaldo, salvo que el navegador no soporte AVIF.