De WebP a AVIF - ¿Qué formatos de imagen emergentes debe tener en cuenta ahora?

Mientras tanto, cada vez hay más formatos de archivo para guardar una imagen o, por ejemplo, una animación. Un sistema universal de formatos de imagen facilitaría mucho la vida a los equipos de diseño gráfico responsables. En cambio, la abundancia de acrónimos confusos aumenta constantemente.

 

Con frecuencia, uno selecciona el que ha oído o utilizado anteriormente y ha supuesto que funcionaría. Entonces recibes el mensaje Por favor, envíe en PNG ya que este dispositivo no acepta este formato.

 

A la hora de mostrar fotos para la web, tenemos varios formatos de imagen que utilizar. La principal distinción entre los formatos de imagen es el tipo de códec de imagen que se utiliza para codificar o descodificar cada tipo de imagen. Un códec de imagen es una representación del algoritmo utilizado para comprimir, codificar y descodificar imágenes en un formato de archivo concreto para su visualización en pantallas. De ahí los numerosos nombres como JPG, PNG y GIF, entre otros. Con el auge de los dispositivos móviles, los datos 5G y la necesidad cada vez mayor de que los sitios web se carguen más rápido, están surgiendo nuevos formatos de imagen y vídeo para afrontar estos retos. Aquí tienes un manual sobre las últimas versiones para que tu equipo esté preparado para utilizarlas.

WebP

El objetivo de WebP de Google, un formato de imagen contemporáneo es mejorar la compresión sin pérdidas y con pérdidas de las fotos en la web. WebP pretende crear imágenes más pequeñas manteniendo la riqueza, porque las imágenes más pequeñas aceleran la web. Además, WebP sigue apoyando la tendencia creciente de los gráficos animados. Todavía se está trabajando en ello, pero será importante.

La compresión con pérdidas de WebP basa su codificación de imágenes en la codificación predictiva y el códec de vídeo VP8. Predice el valor de un bloque de píxeles utilizando los valores de los bloques de píxeles cercanos y sólo codifica la diferencia. Se utilizan múltiples algoritmos de compresión de imágenes para convertir las fotos en archivos WebP sin pérdidas.

Las imágenes con pérdidas de WebP suelen ser entre un 25 y un 34 por ciento más pequeñas que las de JPEG de calidad comparable, mientras que las imágenes sin pérdidas de WebP suelen ser un 26 por ciento más pequeñas que las de PNG. También son un excelente sustituto de las imágenes GIF porque admiten la animación.

Ventajas y desventajas

  • Imágenes de gran calidad con archivos de menor tamaño
  • Todavía no son compatibles con las plataformas sociales, por lo que es necesario utilizar los formatos tradicionales para compartirlas en las redes sociales

Compatibilidad con navegadores y sistemas operativos

  • Compatible con todos los navegadores y sistemas operativos

HEIF

El formato de archivo de imagen de alta eficiencia, o HEIF, está diseñado para agilizar el almacenamiento de imágenes. Además, trata de mantener una buena calidad a la vez que utiliza archivos de menor compresión. Con 10 grados de compresión disponibles, HEIF ofrece una codificación y descodificación rapidísimas, es ligero y no grava los recursos del sistema.

En teoría, la compresión es casi dos veces más efectiva que la de JPEG, produciendo fotos con hasta el doble de calidad con el mismo tamaño de archivo. Sin embargo, como utiliza un formato de imagen de trama y un mapeo de píxeles, no se pueden ampliar las fotos sin sacrificar la calidad.

Ventajas y desventajas

  • Gran relación entre calidad y tamaño de archivo.
  • Sin navegador y con soporte de SO limitado.

Compatibilidad con navegadores y sistemas operativos

  • No es compatible con los principales navegadores.
  • Soporte nativo en macOS Sierra y iOS 11 y posteriores, pero no en sus respectivas versiones de Safari.

 

AVIF

AVIF, que significa “AV1 Image File Format”, se considera el próximo formato de archivo de imagen del futuro. Este formato es esencialmente el protocolo para almacenar fotos fijas y en movimiento comprimidas con AV1 en archivos HEIF. La mayoría de los expertos en tecnología consideran que el formato de codificación de vídeo sin derechos de autor AV1 es el próximo desarrollo en la compresión de medios.

Para producir fotos de alta calidad, AVIF permite una compresión con y sin pérdidas muy eficaz. AVIF comprime mucho mejor que la mayoría de los formatos web utilizados actualmente (JPEG, WebP, JPEG 2000, etc.). Las imágenes con una calidad visual comparable pueden ser hasta diez veces más pequeñas que las JPEG. Según pruebas específicas, AVIF ofrece una reducción del 50% del tamaño de los archivos con respecto a JPEG, manteniendo un nivel de calidad perceptiva comparable. Recuerde que debe analizar los formatos con cuidado porque hay situaciones en las que WebP sin pérdidas puede ser superior a AVIF sin pérdidas.

Gracias a su compresión superior, AVIF puede reducir el tamaño de los archivos de imagen. Los archivos AVIF se descargan más rápidamente y, en consecuencia, utilizan menos ancho de banda. Por ello, puede mejorar el rendimiento al acelerar la carga de las fotos.

En general, AVIF supera la mayoría de las pruebas, y WebP ofrece mejor soporte y compresión que JPEG o PNG. Por lo tanto, debería considerar, sin duda, WebP a la hora de optimizar las fotos para su sitio web. Considerar AVIF para tus propósitos e implementarlo como una mejora progresiva podría ser beneficioso a medida que el formato se extienda por muchas plataformas y navegadores. Con el tiempo, AVIF será más sencillo gracias a una mejor herramienta de comparación y a una codificación más rápida.

Ventajas y desventajas

  • Un método de compresión mejor que el de otros formatos de imagen permite tiempos de carga más rápidos
  • Adobe y otras plataformas no soportan actualmente este formato

Soporte de navegadores y sistemas operativos

  • Es compatible con Chrome, Firefox y Opera, pero actualmente no es totalmente compatible con Safari o Edge