Hoy os hablaré del formato de imagen webP. Lo he probado hace unos cuantos meses y la verdad es que se nota la diferencia en el cómputo global de una web
Para los que no sepáis lo que es: WebP es un formato de imagen desarrollado por Google que tiene varias ventajas frente a JPEG y PNG. Es un formato de imagen diseñado especialmente para rendimiento web.
Porqué os hablo de esto?, porque al probarlo y ver que funciona, he desarrollado un módulo para Drupal >= 10 que convierte las imágenes a webP de forma automática. Te dejo por aquí la zona de tienda y así lo puedes ver con más detalle!
Ventajas
Compresión eficiente: Si tenemos dos imágenes de la misma calidad visual, WebP suele pesar entre un 25% y un 35% menos que JPEG y PNG.
Compatibilidad con compresión con y sin pérdida: aquí la ventaja está en relación a PNG porque puedes usarlo como alternativa a JPEG (con pérdida) o a PNG (sin pérdida).
Soporte para animaciones: puedes tener imágenes animadas (gifs) pero con mucho menos tamaño.
Mejora de Core Web Vitals / métricas de performance: Al pesar menos tus recursos, el rendimiento mejora
Compatibilidad con navegadores
- Hoy en día, todos los navegadores modernos soportan WebP (incluyendo Safari desde 2020).
- Algunos navegadores antiguos o con versiones antiguos puede ser que no lo soporten. Lo idea sería tener una imagen fallback en format png o jpeg para tiene algo que mostrar
Este es una entrada corta pero concreta!! :D
Te dejo por aquí de nuevo la zona de proyectos para que le puedas echar un ojoooo
