Formatos de imagen modernos

Silktide carga tus páginas en un navegador real e identifica las imágenes que serían significativamente más pequeñas si se sirvieran en un formato moderno como WebP o AVIF. De cada imagen se informa su tamaño actual y el ahorro que proporcionaría un formato moderno.

Por qué es importante

WebP y AVIF comprimen las imágenes mucho mejor que los antiguos formatos JPEG y PNG: a menudo son un 25–50% más pequeñas con la misma calidad visual. Dado que las imágenes suelen representar la mayor parte del peso de una página, convertirlas es una de las mayores mejoras de rendimiento disponibles y no requiere ningún cambio visible en tu sitio. Las páginas más rápidas retienen a más visitantes y contribuyen al posicionamiento en buscadores a través de Core Web Vitals.

Todos los navegadores modernos admiten WebP, y el soporte de AVIF es ya casi universal, por lo que el motivo histórico para evitar estos formatos ha desaparecido.

Cómo solucionarlo

1. Convierte las imágenes indicadas a WebP o AVIF. La mayoría de las herramientas de imagen exportan ambos, y muchos CMS y CDN pueden convertir automáticamente al subir o al entregar: la vía automatizada evita que el problema reaparezca.
2. Si necesitas admitir navegadores muy antiguos, ofrece un respaldo:

<picture>
  <source srcset="photo.avif" type="image/avif">
  <source srcset="photo.webp" type="image/webp">
  <!-- Los navegadores antiguos recurren al JPEG -->
  <img src="photo.jpg" alt="Equipo en el retiro de verano">
</picture>

Cómo lo prueba Silktide

1. Cargar la página en un navegador real y recopilar las imágenes que muestra.
2. Estimar cuánto ocuparía cada imagen JPEG o PNG en un formato moderno.
3. Informar las imágenes donde el ahorro sea significativo (al menos 8 KB), con el tamaño actual y el posible ahorro, de mayor a menor.

Solución de problemas

¿En qué se diferencia esto de las otras comprobaciones de imagen?

Esta comprobación se centra específicamente en la conversión de formato. La compresión de imágenes dentro de su formato actual se trata en Compresión de imágenes y, con más detalle, en Optimización de imágenes; servir imágenes con las dimensiones adecuadas se cubre en Imágenes adaptativas. La misma imagen puede aparecer en varias; las soluciones son complementarias.

Nuestra plataforma no puede servir WebP o AVIF

Una CDN delante de tu sitio puede a menudo convertir imágenes al vuelo sin cambios en la plataforma. En su defecto, comprimir bien los originales sigue capturando gran parte del beneficio; consulta Optimización de imágenes.

Más información

• Servir imágenes en formatos modernos (web.dev)
• Guía de tipos y formatos de archivo de imagen (MDN)
• Optimización de imágenes