¿Cuándo entrelazar una imagen?

78

Como regla general, ¿cuándo es apropiado hacer un gif entrelazado, un png entrelazado y un jpeg progresivo?

Especialmente al publicar la imagen en la web.

image  png  jpeg  gif  interlacing 
— Timo Huovinen
fuente
4
@ ewanm89 ¿podrías reformular tu oración? No tengo idea de lo que dijiste.
— Timo Huovinen
1
Debes entrelazar imágenes si vives en los 90 (es decir, tus espectadores tienen una velocidad de conexión inferior a 100 kB / s).
— Ivan Kuckir
8
@IvanKuckir te refieres a los de países del tercer mundo, porque experimentar Internet por debajo de 100 kb / s es la norma aquí (vivo en un país del tercer mundo)
— Kitanga Nday

Respuestas:

100

ImageOptim cambiará automáticamente los formatos progresivos / entrelazados cuando reduzca el tamaño de los archivos.

Descargos de responsabilidad para los quisquillosos:

  • En el caso de imágenes pequeñas y medianas, la vista previa progresiva de cada imagen no será visible el tiempo suficiente para que el usuario la aprecie. Algunos navegadores ni siquiera se molestan en renderizar nada hasta que se descarga todo el archivo, por lo que es mejor concentrarse en ahorrar ancho de banda para cargar toda la página lo antes posible.
  • El JPEG no progresivo es un poco más eficiente cuando los archivos son pequeños (miniaturas pequeñas), pero los ahorros también son mínimos.
  • iOS Safari tiene un tamaño de imagen máximo permitido más alto para JPEG de línea de base que progresivo, pero la solución correcta es ofrecer imágenes en tamaños razonables para dispositivos móviles en primer lugar.
— Kornel
fuente
También depende del tamaño de la imagen
— Timo Huovinen
1
I <3 respuestas concisas +1
— kumarharsh
18
No estoy de acuerdo por completo. Si esta pregunta fuera sobre el almacenamiento, la respuesta sería correcta, pero se trata de la mejor publicación de imágenes en la web. Yo diría que siempre progresa / entrelaza una imagen, ya que el usuario obtiene comentarios sobre la imagen completa mucho más rápido que sin ella. A los usuarios no les importará un 10% más de tiempo de carga para una imagen perfecta si pueden ver una imagen decente un 60% más rápido.
— TorranceScott
8
@TorranceScott en la red, el tamaño de almacenamiento es el mismo que la velocidad de transferencia. Si la imagen es pequeña, hay muy poco tiempo para darse cuenta. Si la imagen contiene texto y / o es un cómic, es mejor cargarla de arriba a abajo. En el caso de PNG, la diferencia de compresión en la compresión puede ser tan grande que una imagen no entrelazada puede cargarse casi tan rápido como lo haría su vista previa pixelada.
— Kornel
2
@Kornel Estoy de acuerdo con esas excepciones particulares. Sin embargo, no he visto el umbral de compresión png que mencionaste, así que no sé dónde ocurre eso, si es que ocurre. Desde la perspectiva de una computadora, es bastante preciso relacionar el tamaño del archivo y la velocidad de transferencia. Sin embargo, el tiempo para llevar algunos de los datos a su ojo puede reducirse en gran medida mediante el progresivo / entrelazado y ese es el punto al que me refería. El usuario tiene datos con los que trabajar más rápido y puede decidir esperar la carga completa si anticipa que agregará valor a la experiencia.
— TorranceScott
13

Mi regla general : nunca uses entrelazado. Los formatos entrelazados suelen ocupar más espacio, tienen (ligeramente) más complejidad y menos soporte en los decodificadores, y las supuestas ventajas para la experiencia del usuario son al menos discutibles. Algunos argumentos a favor de PNG y en general .

A algunas personas les gustan las imágenes entrelazadas o "progresivas", que se cargan gradualmente. La teoría detrás de estos formatos es que el usuario puede al menos mirar un proxy difuso de tamaño completo para la imagen mientras se cargan todos los bits. En la práctica, el usuario se ve obligado a mirar un proxy difuso de tamaño completo para la imagen mientras se cargan todos los bits. ¿Está hecho? Bueno, parece un poco confuso. Oh, espera, la parte superior de la imagen parece tener un poco más de detalle. Quizás ya esté hecho. Sin embargo, todavía es un poco confuso. Quizás el fotógrafo no estaba usando un trípode. Oh, espera, parece que se está aclarando ahora ...

— Leonbloy
fuente
9
Eso no es cierto con JPEG. JPEG progresivo se comprime mejor, ya que cada pasada obtiene sus propios coeficientes de Huffman.
— Kornel
4
+1 para la confusión del usuario sobre si la imagen ya está completamente cargada. Eso me pasa a mi todo el tiempo.
— Buttle Butkus
6

Las imágenes entrelazadas son un poco menos eficientes, pero aparecen después de un retraso más corto en el lado del cliente cuando se transportan a través de la red. En mi humilde opinión, deben usarse cuando el tiempo de descarga esperado para la imagen sea lo suficientemente largo como para ser percibido por el usuario (digamos, por encima de 1 segundo). La diferencia en el tamaño del archivo es realmente bastante pequeña, por lo que es mejor ser demasiado cauteloso y usar el entrelazado demasiado en lugar de muy poco.

En Internet de banda ancha común a partir de 2012, solo lo usaría para cada imagen> 100 kb.

— onon15
fuente
3

Estos puntos deben ser útiles.

El entrelazado (más generalmente, visualización progresiva) es un método para mostrar imágenes en un monitor. ¿Cuándo usarlo? Su decisión debe basarse en estos factores:

•> Las imágenes no entrelazadas son más pequeñas que las imágenes entrelazadas.
•> Las imágenes entrelazadas provocan menos parpadeo que las no entrelazadas
•> Las imágenes entrelazadas son mucho más fáciles de ver.

El entrelazado le permite ver la imagen antes de que se hayan transmitido todos los datos (hace que parezcan más rápidos y más atractivos) y le da la "sensación" de que se está descargando más rápido.

SUGERENCIA: No se recomienda el entrelazado para imágenes pequeñas, pero es imprescindible si el espectador utiliza una conexión lenta.

Esta es solo una copia de las respuestas Y que pensé que podrían ayudar a comprender. La respuesta original se puede encontrar en: https://answers.yahoo.com/question/index?qid=20090211121956AAz7Xz8

— QMaster
fuente
3

Solo para poner mis dos peniques en el argumento: entrelazado se introdujo hace años cuando las velocidades de Internet eran lentas, con la idea de que la imagen se presentaría de una manera gradualmente más definida, sin dejar de darle una apariencia y sensación general a una imagen sin tener que esperar. para que se cargue todo.

El entrelazado, hoy en día, es básicamente innecesario y debe usarse en función del tamaño total de la imagen que se transfiere.

Los escaneos progresivos en imágenes JPEG brindan una imagen más refinada al intentar reducir el tamaño general del archivo (es decir, es un modo de compresión real en lugar de un método de transmisión continua para los bits que componen la imagen).

Los PNG utilizan un algoritmo más complejo que el GIF .

— Pablo
fuente
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.