@ 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)
PNG: NO , daña la compresión (ya que los datos de cada pasada son estadísticamente bastante diferentes). Si la imagen es grande, utilice JPEG de alta calidad o PNG con pérdida si es posible, ya que pueden cargarse más rápido que una vista previa pixelada de un PNG sin pérdidas grande.
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.
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 ...
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.
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.
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).
Inmediatamente depende de cómo se vayan a utilizar.
La publicación sugiere que existe un apoyo limitado (genuino) para las imágenes progresivas. Y a veces pueden causar problemas con complementos que no admiten el formato progresivo.
Respuestas:
JPEG: SÍ - use barrido progresivo . Hace que los archivos sean más pequeños ( cada pasada obtiene su propia tabla de Huffman ) y el renderizado parcial se ve bastante bien.
GIF: NO , es poco probable que reduzca el tamaño del archivo, la representación parcial es deficiente y no tiene sentido para animGIF. Es mejor no usar GIF en absoluto ( sí, incluso para animaciones ).
PNG: NO , daña la compresión (ya que los datos de cada pasada son estadísticamente bastante diferentes). Si la imagen es grande, utilice JPEG de alta calidad o PNG con pérdida si es posible, ya que pueden cargarse más rápido que una vista previa pixelada de un PNG sin pérdidas grande.
ImageOptim cambiará automáticamente los formatos progresivos / entrelazados cuando reduzca el tamaño de los archivos.
Descargos de responsabilidad para los quisquillosos:
fuente
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 .
fuente
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.
fuente
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.
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
fuente
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 .
fuente
Hay una publicación relacionada interesante sobre webmasters.
/webmasters/574/progressive-jpeg-why-do-many-web-sites-avoid-rendering-jpegs-that-way-pros
Inmediatamente depende de cómo se vayan a utilizar.
La publicación sugiere que existe un apoyo limitado (genuino) para las imágenes progresivas. Y a veces pueden causar problemas con complementos que no admiten el formato progresivo.
Espero que ayude.
fuente