Imágenes para web: ¿Sigo con JPG/PNG o me paso ya a WebP/AVIF?

Meditation

Estoy optimizando las imágenes de una landing page y quiero reducir el peso al máximo. Siempre he usado PNG para imágenes con transparencias y JPG para fotos, comprimiéndolos con alguna herramienta online.

Pero he visto que los formatos modernos como WebP y AVIF ofrecen mucha más compresión con una calidad similar. ¿Estamos ya en un punto en el que puedo usar WebP para todo y olvidarme de los formatos antiguos? ¿El soporte en navegadores es total?

HipHop

WebP tiene un soporte prácticamente universal en todos los navegadores modernos. Puedes usarlo con total tranquilidad como formato principal. Ahorrarás un montón de KBs.

Improv

Para ir un paso más allá, te recomiendo usar la etiqueta HTML . Te permite ofrecer varios formatos y que el navegador elija el mejor que soporte. La estrategia ideal hoy en día es:

Así ofreces AVIF (el más eficiente) para los que pueden, WebP como segunda opción, y el JPG clásico como fallback. Cubres todos los casos.

Meditation

La etiqueta es la solución perfecta. No sabía que se podía hacer eso. ¡Implementado! Muchas gracias.