Si solo leer la frase “formato de imagen” te asusta, espera un momento. Quédate con nosotros por un segundo.
JPEG. Ese ya lo conoces, ¿verdad?
PNG. ¡Hey, también has escuchado de ese!
Ambos son formatos de imagen. Y WebP y AVIF son solo dos versiones diferentes, ligeramente más nuevas.
¿Por qué diablos fueron creados?
Bueno, al igual que cuando el Modelo T fue desarrollado por primera vez para reemplazar a los caballos, estos formatos modernos buscan cambiar y mejorar el status quo en términos de velocidad y calidad.
Entonces, ¿por qué diablos deberías seguir leyendo?
Si quieres asegurarte de que tu sitio web de pequeña empresa esté lo más preparado posible para mantenerse al día con la tecnología moderna y las demandas cambiantes de los consumidores, vas a querer tomar una página del libro de Henry Ford y volverte inventivo.
Afortunadamente, hoy en día ese trabajo es un poco menos grasoso, pero probablemente un poco más técnico. Esta guía puede proporcionarte la razón, los consejos y las herramientas para entender, elegir e incluso implementar el formato de imagen que hará que tu sitio sea un éxito rotundo.
¿Por Qué Preocuparse por los Formatos de Imagen para Mi Sitio Web?
El formato de los archivos en tu sitio web, especialmente las imágenes, podría parecer la última cosa en la que realmente necesitas pensar.
Te instamos a que pienses de nuevo.
Exactamente por qué el formato que utilizas para los gráficos es clave para la experiencia y el rendimiento del sitio web.
Las Imágenes Están en Todas Partes…
No importa tu negocio, las imágenes probablemente constituyen una parte significativa de tu sitio web.
Según el Almanaque Web, las imágenes de escritorio representan más de 1,000 KB de los 2,315 KB de un sitio web. ¡Eso es casi el 50%! Para móviles, las imágenes representan casi 900 KB de un total de 2,020 KB. ¡El siguiente tipo de contenido más utilizado (JavaScript) ni siquiera llega a la mitad del peso de las imágenes!
No es sorpresa que casi el 100% de las páginas web contengan una imagen. Y que las imágenes sean el componente más impactante en el 80% de los sitios web vistos a través de escritorio (para móviles, hazlo 70%). Esto se hace evidente con la métrica de Pintura de Contenido Más Grande (LCP) de Core Web Vitals que identifica el elemento más grande encontrado “sobre la marcha” en un sitio web.
En otras palabras, es casi imposible exagerar la presencia e importancia de las imágenes en la web.
¡Así que Cómo se Desempeñan Importa!
Cuando consideras cómo las imágenes constituyen la mayoría del peso de una página web, cómo se formatean —lo cual impacta cómo se desempeñan— se vuelve crítico de pensar.
Diferentes formatos, como AVIF y WebP en los que profundizaremos a continuación, impactan en el
