En la era digital actual, las imágenes desempeñan un papel crucial en el marketing visual de empresas y negocios. Sin embargo, estos recursos multimedia a menudo consumen una cantidad significativa de espacio en los sitios web. Mientras que muchos aún utilizan formatos tradicionales como JPG, PNG, GIF, e incluso el más reciente WebP, existe un formato innovador que supera a todos ellos en eficiencia y calidad.

Este artículo te introducirá al formato de imagen AVIF, una alternativa revolucionaria que promete transformar la manera en que optimizamos el contenido visual en la web. Descubramos juntos las ventajas y desafíos que presenta este nuevo estándar de compresión de imágenes.

¿Qué es el formato AVIF?

AVIF (AV1 Image File Format) es un formato de archivo de imagen de última generación que está revolucionando la forma en que comprimimos y visualizamos imágenes en la web. Este formato innovador se basa en la estructura del codec de vídeo AV1, lo que le permite ofrecer una compresión superior sin comprometer la calidad de la imagen.

Ventajas del formato AVIF

El formato AVIF ofrece una serie de beneficios significativos que lo posicionan como una opción superior para la optimización de imágenes en la web. A continuación detallamos sus principales ventajas de este innovador formato:

  • Mejor compresión de imágenes: AVIF logra una compresión superior en comparación con otros formatos, reduciendo significativamente el tamaño de los archivos sin sacrificar la calidad visual. Esto se traduce en tiempos de carga más rápidos y un menor consumo de ancho de banda.
  • Imágenes de alta calidad: A pesar de su eficiente compresión, AVIF mantiene una calidad de imagen excepcional. Ofrece una gama de colores más amplia y un mejor manejo de la transparencia, resultando en imágenes nítidas y visualmente atractivas.
  • Formato de código abierto: Al ser un formato de código abierto, AVIF fomenta la innovación y el desarrollo continuo. Esto garantiza su evolución constante y la ausencia de restricciones de licencia, haciendo accesible para todos los desarrolladores y usuarios.
  • Compatibilidad con navegadores modernos:  Aunque es un formato relativamente nuevo, AVIF ya cuenta con soporte en varios navegadores populares como Chrome, Firefox y Opera. Su adopción está en aumento, lo que augura una compatibilidad aún mayor en el futuro cercano.

Por lo cual estas ventajas convierten al formato AVIF como el nuevo sucesor natural de formatos populares como PNG, JPG y WebP. 

Desventajas del formato AVIF

Si bien el formato AVIF ofrece numerosas ventajas, es importante considerar también sus limitaciones. A continuación, examinaremos las principales desventajas que presenta este formato innovador:

  • Incompatibilidad con navegadores antiguos

No todos los navegadores web soportan el formato AVIF, especialmente las versiones más antiguas de los siguientes navegadores como Internet Explorer, Opera Mini, QQ Browser, KaiOS Browser y versiones antiguas de los navegadores populares.

Esto puede resultar en que las imágenes no se muestren correctamente en algunos dispositivos o plataformas. Es necesario proporcionar alternativas en formatos más compatibles para garantizar una experiencia universal mediante las etiquetas html y especificar que en caso que no pueda reconocer la imagen acuda a leer el formato ocasional.

Ejemplo de etiqueta html para navegadores antiguos

Para más información sobre los tipos de navegadores compatibles podemos acceder al siguiente enlace: Can I use: AVIF Support Browser.

  • Falta de compatibilidad con herramientas de diseño y edición de imagen

Muchos programas populares de edición de imágenes como Photoshop aún no admiten el formato AVIF. Esto dificulta la creación, edición y manipulación de imágenes AVIF en flujos de trabajo existentes.

Puede ser necesario utilizar herramientas específicas o convertidores para trabajar con archivos AVIF entre los más populares tenemos a Squoosh, Convertio, y Zamzar .

  • Mayor complejidad al editar la compresión de imagen

El proceso de compresión AVIF es más sofisticado y puede requerir más tiempo de procesamiento. Ajustar los parámetros de compresión para optimizar la calidad y el tamaño del archivo puede ser más complejo que con formatos tradicionales

Se necesita un mayor conocimiento técnico como el rango de calidad, effort, alpha quality,  tipo de tuning entre otros factores  para aprovechar al máximo las capacidades de compresión de AVIF.

Ejemplo de optimización de imágenes WEBP a AVIF

Como podemos observar, la imagen de formato WebP de la izquierda tiene un tamaño de 292 KB. Al comprimir al nuevo formato AVIF, obtenemos un tamaño de 114 KB, lo que representa una optimización del 61%.

¿Cómo afecta a los motores de búsquedas este nuevo formato de imagen?

Google ha anunciado recientemente que el formato de imagen AVIF es ahora compatible con Google Search, incluyendo Google Images y otras aplicaciones que utilizan imágenes. Este avance supera las dificultades previas que impedían la visualización de este formato en los motores de búsqueda.

AVIF, basado en el estándar de compresión de video AV1, se ha convertido en uno de los formatos de imagen más populares en la web en los últimos años. Es compatible con los principales navegadores web y diversas plataformas como WordPress, Joomla y CloudFlare.

Para los usuarios, esta actualización significa que no es necesario realizar acciones especiales para que Google indexe los archivos AVIF, simplificando así el proceso de optimización de imágenes para la web. Excepto algunas consideraciones a nivel técnico importantes de conocer si estás cambiando de otro formato como PNG, JPG, WEBP, etc.

Aspectos SEO a considerar al usar el formato AVIF

El uso del formato AVIF requiere tener en cuenta ciertos aspectos SEO antes de implementarlo en tu sitio web. La sustitución de imágenes antiguas por este nuevo formato puede conllevar algunos errores comunes. A continuación, explicaremos por qué ocurre esto y en qué casos se presenta.

Caso 1: Sustituir la url de la imágen de  forma inmediata

Es común cambiar inmediatamente la imagen sin medir su impacto en el sitio web. Esto no solo generará un error tipo 404 por el cambio repentino, sino que también puede resultar en la pérdida de tráfico si las imágenes originales recibían tráfico orgánico.

¿Cómo corregimos este problema?

En el caso que las imágenes fueron sustituidas por las nuevas urls con el nuevo formato AVIF. Las acciones que deberás ejecutar son las mismas que el traslado por cambio de URL, esto es:

  • Realizar un mapeo de imágenes a sustituir - Reconocimiento de las URLs de archivos multimedia, esto es, conocer la ubicación existente del archivo vs la nueva ubicación con su nuevo formato.
  • Una vez identificadas proceder a realizar la regla de redirección http 301 del lado del servidor, esto permite notificar a los rastreadores el nuevo cambio de ruta y formato.
  • Verificar si las redirecciones se están ejecutando correctamente, puede hacerse mediante la herramienta screaming frog y otro medio conocido.

Caso 2: Eliminar el recurso y sustituir a la nueva imagen

Otro caso común es eliminar el recurso inmediatamente, sin considerar si la eliminación de este archivo genera un impacto negativo en el rendimiento y tráfico de tu sitio web. Si este es tu caso, deberías tener cuidado con este pequeño inconveniente. A continuación, te enseñaremos cómo resolverlo.

¿Cómo resolvemos este problema?

En caso de que el recurso haya sido eliminado del servidor, las urls de las imágenes reflejarán un status 404 o archivo no encontrado, este estatus es leído por el rastreador quien eliminará automáticamente el resultado orgánico de imagen de la SERP (Sección imágenes).

Las acciones que deberás realizar son las mismas detalladas en el caso 1, siempre y cuando estas no hayan pasado más de 15 días eliminadas, sino ya no volverá Google a mostrar la nueva imagen posicionada y la nueva imagen con el nuevo formato avif se indexará como una nueva.

💡 Tip Importante: Recuerda que estas acciones son especialmente recomendadas si tu negocio es de tipo e-commerce o de turismo, entre otras, debido al alto volumen de imágenes que suele manejarse superando las 500 imágenes.

Conclusión:

El formato de imagen AVIF se presenta como una alternativa revolucionaria en la optimización de contenido visual para la web. Ofrece una compresión superior y alta calidad de imagen, siendo compatible con navegadores modernos y de código abierto. Sin embargo, enfrenta desafíos como la incompatibilidad con navegadores antiguos y herramientas de edición, así como una mayor complejidad en la compresión. 

Su implementación requiere consideraciones SEO cuidadosas para evitar errores comunes y pérdida de tráfico. A pesar de estos retos, AVIF promete transformar la manera en que optimizamos el contenido visual en la web, ofreciendo beneficios significativos para empresas y usuarios por igual.

Si necesitas ayuda profesional para implementar el formato AVIF en tu sitio web o realizar una auditoría SEO completa, no dudes en contactarnos. Nuestro equipo de expertos puede guiarte en la transición a este nuevo formato, asegurando que se realice de manera eficiente y sin afectar negativamente tu posicionamiento en los motores de búsqueda. 

Podemos ayudarte a mapear tus recursos, implementar las redirecciones necesarias y optimizar tus imágenes para maximizar los beneficios de AVIF mientras minimizamos cualquier impacto negativo en tu rendimiento SEO.

‍