Ayuda y documentación
Velocidad Impacto medio Fácil 20 a 40 minutos
Formatos de imagen modernos (WebP/AVIF)
WebP y AVIF son entre un 25% y un 50% más pequeños que JPEG/PNG.
Qué es
WebP y AVIF son formatos de imagen modernos con una compresión significativamente mejor que JPEG/PNG con la misma calidad. Todos los navegadores actuales los admiten.
Por qué importa
Las imágenes tienden a ser la mayor parte del peso de una página. Cambiar a WebP/AVIF ahorra decenas de por ciento de los datos sin pérdida de calidad visible: una aceleración directa.
Cómo hacerlo
- 1Convierta imágenes a WebP (universal) o AVIF (incluso más pequeñas).
- 2Utilice <picture> con un respaldo para estar seguro.
- 3Automatizar la conversión en la compilación/a través de una CDN con transformación de imagen.
- 4Al mismo tiempo, cambie el tamaño a las dimensiones realmente necesarias.
Ejemplo
Correcto
<picture>
<source srcset="photo.avif" type="image/avif">
<source srcset="photo.webp" type="image/webp">
<img src="photo.jpg" alt="..." width="800" height="600">
</picture>Conclusión
Los formatos modernos son una de las formas más efectivas de reducir el peso de la página. Lo ideal sería automatizar la conversión para que no sea un trabajo manual para cada imagen. Combine con compresión, dimensiones correctas y carga diferida.
Temas relacionados