¿Qué es un archivo JPEG progresivo ?
Las imágenes JPEG estandard presentan la imagen de arriba hacia abajo hasta lograr la resolución completa, de modo que es necesario que toda la imagen se haya descargado antes de que pueda ser visualizada en su totalidad. Este comportamiento de representación puede ser perjudicial para la experiencia del usuario de un sitio web, por tres razones:
- Los usuarios con conexiones más lentas verán la descarga de la imagen línea por línea antes de que puedan visualizarla en forma completa.
- Incluso en conexiones más rápidas, la imagen se muestra a «ciegas» mientras está siendo procesada desde arriba hacia abajo, lo que también podría tener un impacto negativo sobre cómo se percibe favorablemente el sitio.
- El JPEG estandard es muy de los noventa!
El JPEG progresivo es una manera de codificar la imagen entera usando exploraciones sucesivas de más baja calidad hasta lograr un escaneo completo de la imagen. Lo que significa, que desde el punto de vista de la experiencia del usuario, no es necesario esperar a que toda la imagen descargue – en primer lugar el escaneo de baja calidad ya apareció, y rápidamente será sustituido por las exploraciones que contienen mayor detalle hasta que llegue a toda la imagen.
Los beneficios de las imágenes JPEG progresivas
La ventaja obvia del comportamiento de muestra es que el área de la imagen de una página web se llena rápidamente con algún tipo de representación de la imagen, lo que permite que el usuario tenga una idea de lo que se representa visualmente. De ésta forma se evita un espacio vacío o en blanco.
Cómo crear archivos JPEG progresivos
La mayoría de las herramientas de edición de imágenes, por defecto, guardan la imagen JPEG en formato estandard. Muchas de las herramientas de edición de imágenes se pueden utilizar para guardar una imagen como progresiva, incluyendo Photoshop, ImageMagick o Fireworks.
En resumen
Evita crear espacios en blanco mientras tu sitio web se carga, logra que las imágenes de tu sitio web se muestren de forma inmediata, aunque de baja calidad, en forma pixelada, hasta que «progresivamente» sean reemplazadas con las exploraciones de incremento de resolución que harán que las imágenes se muestren con detalles completos, eso hará que el usuario perciba un aumento cercano al 30% en la velocidad de carga de tu sitio web, que es lo que queríamos lograr verdad?
