Se abre en una pestaña nueva

[ Optimización ]

El secreto de una web ultra-rápida, optimizar imágenes en AVIF (y cómo hacerlo gratis)

¿Las imágenes pesadas están frenando tu tienda online? El formato AVIF es el salto técnico que necesitas para destrozar los cuellos de botella. Conoce cómo comprimir tus archivos drásticamente y la herramienta local a coste cero para implementar esta mejora hoy mismo.

En el diseño web nos encontramos cada día más enfocados a cumplir con métricas para obtener una ventaja frente a la competencia, buscando llevar el rendimiento de un sitio web o tienda en línea al extremo sin perder calidad y estética.

Uno de los rasgos más comunes que encuentro es la calidad, cantidad y optimización de imágenes. Los formatos clásicos como PNG, JPEG y GIF, suelen ser uno de los grandes culpables de los cuellos de botella en un catálogo web. Aquí es donde la conversión de imágenes a AVIF da un salto brutal tanto para la carga inicial del sitio, navegación fluida y métricas de Core Web Vitals impecables que impulsan el SEO.

La compresión de un archivo de imagen PNG de 2MB a AVIF redujo su tamaño a 136KB, 96% de reducción.

Para hacer esta transición de formatos de manera rápida, una de las herramientas más fácilles de utilizar para nuestros clientes es Avified (heavyrain39.github.io/avified). Es un conversor web diseñado para trabajar directamente desde tu navegador local, sin enviar datos a ningún servidor como otras herramientas, el procesamiento es muy rápido, y nos permite ajustar la fidelidad visual (recomiendo utilizar 75% a 85%). Asimismo, elimina metadatos innecesarios durante la conversión, aumentando la seguridad de los archivos compartidos, y ahorrando aún más en el peso final de los mismos.

Combinar imágenes en formato AVIF con una buena estructura de carga de recursos transforma por completo la agilidad de un sitio web. Avified hace que integrar esta mejora técnica sea un proceso seguro, masivo y a coste cero.

Sitio web de la herramienta: https://heavyrain39.github.io/avified/

GitHub (en inglés): https://github.com/heavyrain39/avified

¿Necesitás ayuda con tu proyecto? Escribinos hoy mismo, haciendo clic aquí.