La velocidad de carga ha sido durante mucho tiempo uno de los factores más importantes durante la optimización del sitio y tanto los visitantes como los motores de búsqueda consideran que el tiempo que se tarda en llamar a una página es un criterio de evaluación importante. El código ligero y comprimido o el uso de mecanismos de almacenamiento en caché forman parte de las soluciones probadas para garantizar una presencia rápida en la web, así como el uso de imágenes comprimidas . Estos últimos -como elementos de diseño y de fondo- aparecen en gran número en muchos proyectos, y a menudo se subestima su impacto en los tiempos de carga.

Este problema ha sido abordado, entre otros, por el gigante de los motores de búsqueda Google que en 2010 presentó su propia , sin licencia relación de aspecto para sitios web más rápidos - WebP. Pero, ¿qué hay exactamente detrás del formato web, que tiene su origen en el códec de vídeo VP8? ¿Y cómo se compara directamente con variables establecidas como JPEG?

¿Qué es WebP?

El 30 de septiembre de 2010, Google anunció el lanzamiento de un nuevo estándar abierto para la compresión con pérdidas de gráficos de 24 bits en Internet. El formato de vídeo VP8 sirvió de plantilla para un formato llamado WebP, y éste fue desarrollado por On2 Technologies, que Google compró ese mismo año. En el período siguiente, Google amplió el formato WebP con características como el modo de compresión sin pérdidas, la transparencia (canal alfa) y la animación. Cromo soporta el formato de compresión desde finales de 2010, al igual que el navegador Opera. Sin embargo, todavía hay diferentes navegadores -como Safari y Firefox- que hasta ahora han soporta WebP sólo experimentalmente y no ofrecen soporte en sus publicaciones regulares. Según su propia información, Microsoft está trabajando actualmente en la compatibilidad con su navegador Edge.

¿Qué características distinguen a WebP?

WebP siempre se ha utilizado para reducir las imágenes en Internet al menor tamaño de archivo posible. Según Google, las imágenes y los gráficos en formato WebP son en un 30 por ciento aproximadamente más pequeños que los archivos PNG o JPEG con la misma calidad de imagen. Mientras que los dos formatos web clásicos se basan en métodos de compresión diferentes -PNG es sin pérdidas y JPEG con pérdidas-, WebP permite ambas opciones. Esta flexibilidad hace que el formato sea adecuado tanto para fotos como para imágenes y gráficos pequeños. Características compresión, así como otros Principales características del formato WebP puede resumirse como sigue:

  • Compresión (con pérdidas) : La compresión con pérdidas con WebP utiliza la codificación de fotogramas clave VP8.
  • Compresión (sin pérdidas) : La compresión sin pérdidas con WebP se basa en varias técnicas de transformación de los parámetros y datos de la imagen. Aquí también se utiliza el algoritmo LZ77.
  • Transparencia : El canal alfa de 8 bits que ofrece el formato WebP también puede utilizarse para la compresión RGB con pérdidas.
  • Metadatos : WebP puede contener metadatos EXIF y XMP, que suelen ser generados por las cámaras.
  • Perfil de color El formato de Google puede contener perfiles ICC incrustados (conjuntos de datos que describen el espectro de color).
  • Animaciones El formato WebP permite guardar secuencias de imágenes.

¿Cómo funciona la compresión con pérdidas de WebP?

La compresión con pérdidas con WebP utiliza el mismo método que el códec de bloques VP8, para predicción de fotogramas - es decir, imágenes individuales. Por lo tanto, cada fotograma se divide en segmentos más pequeños, que también se denominan macrobloques . Dentro de estos macrobloques, el codificador puede predecir la información de movimiento y color redundante y sustraerla del bloque. El resultado de este compresión predictiva consiste en el resto de la información del bloque y la información redundante separada (que suele contener múltiples valores nulos). Es cuantificado i código de entropía (presentación de caracteres mediante un patrón de bits específico). La fase de cuantificación es aquí el único proceso en el que los bits se descartan realmente por tener pérdidas.

Principios de la compresión sin pérdidas con WebP

En el caso de la compresión WebP sin pérdidas el primer paso es transformación de la imagen. Para ello, se pueden utilizar las siguientes técnicas:

Transformar la anticipación espacialWebP utiliza 13 modos de predicción diferentes que aprovechan el hecho de que los píxeles vecinos suelen estar correlacionados entre sí. El valor del píxel actual se predice a partir de los píxeles ya descodificados, y sólo se codifica el valor restante.
Transformación del colorEl propósito de la transformación de color es decorelar el valor RGB de cada píxel individual. Aquí, la imagen se divide primero en bloques antes de transformar el rojo (R) en función del verde (G) y el azul (B) en función del verde y el rojo. El valor verde se mantiene sin cambios.
Restar la transformación verdeAdemás de una transformación de color general, es posible una variante en la que los valores verdes se restan de los valores rojos y azules.
Transformación de la indexación del colorSi hay muy pocos valores de píxeles únicos, el formato WebP también ofrece una opción de transformación de la indexación del color. El número de valores ARGB únicos en la imagen se vuelve entonces más definido y crea una asignación de estos valores si el número es demasiado pequeño. Esta asignación se utiliza para sustituir los valores de los píxeles por el índice correspondiente.
Código de colores de la cachéLa compresión WebP sin pérdidas puede utilizar partes de la imagen que ya hemos visto para reconstruir nuevos píxeles . Si no hay coincidencias adecuadas aquí, un búfer de color local con los 32 colores utilizados más recientemente sirve como punto de partida. Esto se actualiza continuamente.

Los parámetros procesados y los datos de la imagen se codifican con entropía, utilizando una variante del algoritmo LZ77. Esto utiliza valores pequeños para píxeles espacialmente cercanos.

¿Qué diferencia a la WebP animada?

Con el soporte de imágenes animadas, WebP es una alternativa atractiva al GIF o APNG. Se trata de puntos fuertes, como Profundidad de color de 24 bits i Canal alfa de 8 bits así como una alta relación de compresión. Esto es posible gracias al formato WebP, a diferencia de los formatos de la competencia, y al compresión con y sin pérdidas animación. El WebP animado también convence en términos de descodificación: como los metadatos del WebP registran si cada fotograma contiene valores alfa, el descodificador no necesita convertir cada fotograma individualmente para obtener esta información.

WebP frente a JPEG: WebP tiene un buen rendimiento en comparación con otros formatos de imagen

JPEG o JPG es a la presentación de fotografías e imágenes de gran tamaño en la World Wide Web lo que Google es al mundo de los motores de búsqueda. Incluso un cuarto de siglo después de su lanzamiento, es inconcebible que este formato de imagen no aparezca en la escena web. La mayor ventaja con respecto a formatos como PNG -que se distribuye uniformemente, pero que se utiliza principalmente para imágenes y gráficos más pequeños, como logotipos, iconos, etc. - es indudable que JPEG proporciona un importante ahorro de memoria gracias a la compresión con pérdidas.

Sin embargo, en este detalle clave WebP resulta más eficiente y flexible . Por un lado, el formato de Google ofrece métodos de compresión con y sin pérdidas, mientras que, por otro lado, el ahorro de memoria de las imágenes WebP supera al de las imágenes JPEG del mismo valor. El hecho de que JPEG permita imágenes con un tamaño máximo de hasta 65.535 x 65.535 píxeles, mientras que el límite de WebP es de sólo 16.383 x 16.383 píxeles, puede ignorarse a la luz del dominio de la aplicación (Web).Nota

La ventaja de compresión que tiene WebP sobre JPEG se pierde con una compresión muy fuerte (a partir de un 90% de relación de compresión). Aunque estas imágenes JPEG comprimidas están muy pixeladas, los ejemplos similares en formato WebP tienen un cierto valor añadido.

Similar a la comparación de WebP y JPEG es la comparación de WebP y GIF donde el formato de Google también muestra una ventaja convincente en términos de calidad y compresión. El problema, sin embargo, es la falta de soporte para WebP de navegadores como Firefox y Microsoft Edge. Hasta la fecha, los usuarios de estos navegadores no ven las imágenes y animaciones en WebP, por lo que casi ningún operador de sitios web confía en este formato.

Datos básicos para comparar 'WebP y JPEG' en forma de tabla:

 WebPJPEG
Liberar20101992
Extensiones de archivos).webp.jpeg, .jpg
Resolución máxima (en píxeles)16 383 x 16 38365 535 x 65 535
Compresión (sin pérdidas)TAkNo
Compresión (con pérdidas)TAkTAk
Transparencia (canal alfa)TAkNo
Espectro de color RGBTAkTAk
Posibles animacionesTAkNo
Aplicaciones de apoyolimitado (incluyendo Chrome, Opera, Gmail e IrfanView)universal

¿Cómo se pueden abrir y convertir los archivos WebP?

El archivo en formato WebP aún no puede abrirse con los programas habituales de visualización de imágenes en Windows, Linux y macOS Si desea mostrar animaciones o imágenes que han sido codificados con WebP, hay varias opciones.

Si en su sistema está instalado lo siguiente Navegador Chrome o Ópera simplemente puede arrastrar el archivo en cuestión al una ventana abierta en cualquier navegador. Como estos navegadores soportan WebP de forma nativa, puedes ver el contenido que quieres abrir sin necesidad de ningún software adicional. Sin embargo, esta solución no es muy cómoda, sobre todo si quieres ver varias imágenes o animaciones. Si no quiere trabajar con diferentes ventanas del navegador y cambiar entre ellas, es más fácil utilizar un IrfanVer , visor de fotos gratuito, que, una vez instalado el paquete oficial de complementos, también ofrece soporte para WebP. Sin embargo, el programa sólo está disponible para Windows .

Además, en el documento oficial Área de desarrollo de WebP Google ofrece varias soluciones propias para trabajar con WebP, sobre todo Biblioteca libwebp que puede utilizarse para implementar la codificación y decodificación de WebP en sus propios programas. Además, se incluyen las siguientes herramientas en la colección descargable gratuita:

  • cwebp permite comprimir el campo de la imagen utilizando WebP. Los posibles formatos de entrada son PNG, JPEG y TIFF . En las opciones de la herramienta, puede especificar si desea utilizar la compresión con o sin pérdidas.
  • dwebp es una herramienta con la que se pueden convertir los archivos WebP existentes en otros formatos, como PNG (opción estándar), BMP, TIFF o PGM.
  • vwebp ,Google proporciona su propia solución basada en OpenGL para mostrar imágenes y animaciones WebP.
  • webpmux es una herramienta decisiva para trabajar con WebP extendido. Puedes crear animaciones en formato WebP, por ejemplo, utilizando el programa, o ampliar los archivos de imagen con metadatos y perfiles ICC.
  • Gracias a gif2webp Convierte los archivos GIF existentes en WebP. Al igual que con la compresión normal de imágenes, es posible la codificación con y sin pérdidas.