Cuando las imágenes JPEG son utilizadas por una página web, generalmente se representan de arriba a abajo ... pero también se pueden representar usando un modo llamado JPEG progresivo , donde la imagen comienza a tamaño completo , pero borrosa , y luego se vuelve más nítida con Pases sucesivos, hasta que esté completamente cargado. La carga progresiva requiere que la imagen se haya guardado de esa manera.
¿Por qué no más sitios web usan JPEG progresivo? ¿Cuáles son los inconvenientes? ¿Es simplemente una falta de soporte de herramientas, o estos archivos son de alguna manera inferiores a las imágenes JPEG renderizadas de arriba hacia abajo tradicionales?
Respuestas:
JPEG progresivo ha tenido soporte de dispersión desde su inicio. La página de Wikipedia en JPEG dice:
NB La primera declaración no tiene fuente, y la fuente de la segunda no dice necesariamente que esto solo sea compatible con Windows 7.
No recuerdo cuándo evité el JPEG progresivo por primera vez, pero el problema más reciente fue que los analizadores de imágenes en Flash (que pueden cargar PNG, GIF y JPEG) tampoco pueden cargar JPEG progresivo ( Enlace actualizado en el archivo de Internet ) .
fuente
Usualmente guardo imágenes como progresivas.
Nunca he experimentado o escuchado de inconvenientes o problemas de renderizado . E incluso si algún navegador muy antiguo podría no generar el efecto progresivo, finalmente representará la imagen, por lo que no es un gran problema.
Las imágenes JPEG progresivas suelen tener un tamaño más pequeño que la misma imagen sin progresivo .
Por ejemplo, una imagen JPG de 8K (calidad máxima) podría convertirse fácilmente en 6K (calidad máxima) cuando se adopta progresiva y sin perder un píxel de definición.
Además, con editores de imágenes como Photoshop, guardar una imagen como JPG progresivo no toma nada (es solo una casilla de verificación en la ventana que aparece cuando se usa el comando "Guardar como"), por lo que generalmente lo hago.
fuente
Artlung cubrió algunas consideraciones de soporte, pero también está el hecho de que simplemente no va a importar la mayor parte del tiempo. Lo importante en la pregunta es "hasta que esté completamente cargado". El formato progresivo no es un detalle estético que hace que la imagen se vea borrosa, es funcional:
Si una imagen es lo suficientemente grande (por tamaño de archivo) que tome un tiempo para descargar, a continuación, verá la progresión.
Incluso si cada JPEG en todas partes se guardara como progresivo, a las velocidades de conexión comunes actuales, la abrumadora mayoría de las imágenes que encontrará no son lo suficientemente grandes como para ver el efecto en un grado significativo. Esta fue una gran idea cuando todos usaban módems de teléfono lentos, pero es cada vez más una curiosidad de la aplicación práctica limitada más allá de los sitios que realmente requieren imágenes muy grandes como un fotógrafo exigente o algo así.
Lo mismo ocurre con los GIF entrelazados, ya que alguien los agregó en los comentarios.
Aquí hay un factor de audiencia potencial, digamos si considera países con una infraestructura neta menos desarrollada donde pueden obtener velocidades significativamente más lentas, pero no puedo hablar de eso. Yo podía verlos como la posibilidad de tener alguna aplicación para la navegación móvil, pero luego volver bucle para el apoyo irregular para la función.
fuente
Google utiliza la carga progresiva de sus imágenes en images.google.com. Primero, estiran el pulgar para obtener una vista previa de las dimensiones y luego cargan la imagen original. Creo que es una buena práctica. Al igual que JPEG progresivo
fuente
El renderizado progresivo (gif / jpeg) fue para los viejos tiempos de Internet, donde los servidores eran lentos y la transferencia de datos de la milla final se realizaba a través de POTS. Ya nadie pierde el tiempo en eso.
Tanta audiencia de mi sitio web está en banda ancha que no tiene otro propósito que un efecto de desvanecimiento mínimo en una imagen muy grande (aunque en un cable de 8 MB, apenas se nota). Si su audiencia todavía está en el teléfono de acceso telefónico, es posible que desee preocuparse por ello.
Y como se señala en los comentarios a continuación, lo viejo es nuevo y la nueva velocidad de transferencia de milla final sigue siendo un problema para la red de telefonía móvil y el acceso satelital debido a problemas de velocidad de enlace o latencia. Por lo tanto, preste atención a su audiencia y vuelva a implementarla para una mejor experiencia de usuario donde la necesite.
fuente
Para los sitios como Wikipedia que realmente representan sus propias miniaturas sobre la marcha, hay una consideración adicional: todos los algoritmos para crear archivos JPEG progresivos requieren más memoria y ciclos de CPU. Cuando los archivos originales son lo suficientemente grandes, esto crea problemas.
fuente
Muchas bibliotecas no lo ofrecen en absoluto, o no por defecto. Pero esa no es la razón. Dirijo un sitio web que ofrece imágenes y odio los archivos JPEG progresivos. ¿Por qué? ¡Porque el algoritmo utilizado en ellos es peor que el mío! Utilizo la misma técnica que Google, además superpongo una miniatura mediana sobre la pequeña. De esta forma, el usuario obtiene casi toda la calidad al instante en cualquier conexión, sin importar cuán grande sea el original. Los archivos progresivos se vuelven muy bloqueados, arruinando este efecto.
La superposición de miniaturas es la forma de hacerlo.
fuente
JPEG progresivo funciona en Chrome, Firefox e IE 9+. Creo que eso cubre la mayoría de los navegadores que se usan hoy para usar la web.
JPEG progresivo proporciona una mejor experiencia de usuario en muchas situaciones. Me gusta ver progresivo cuando visito un sitio lento (país insular, efecto slashdot, tráfico pico, etc.). No necesito ver la calidad completa de inmediato. Una idea inicial de la imagen suele ser lo suficientemente buena. Me molesta más ver una imagen de carga lenta de arriba a abajo. Me recuerda a los 300 días de módem en baudios de la descarga de arte ASCII.
fuente