para img imagenes imagen funciona ejemplo como atributos atributo agregar image png jpeg gif interlacing

imagenes - img alt no funciona



¿Cuándo entrelazar una imagen? (6)

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 causan 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 (los hace parecer más rápidos y de mejor aspecto) y le da la "sensación" de que se está descargando más rápido.

SUGERENCIA: El entrelazado no se recomienda para imágenes pequeñas, pero es obligatorio si el espectador usa una conexión lenta.

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

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

Especialmente cuando publica la imagen en la web.



Las imágenes entrelazadas son ligeramente menos eficientes, pero se muestran después de una demora más corta en el lado del cliente cuando se transportan a través de la red. En mi humilde opinión deberían usarse cuando el tiempo de descarga esperado para la imagen es lo suficientemente largo como para ser percibido por el usuario (por ejemplo, más 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 utilizar 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> 100kb.


Mi regla general : nunca uses el entrelazado. Los formatos entrelazados normalmente ocupan 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 debatibles. Algunos argumentos para PNG , y en general .

Algunas personas prefieren 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 borroso 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 borroso de tamaño completo para la imagen mientras se cargan todos los bits. ¿Está hecho? Bueno, parece un poco borroso. Oh, espera, la parte superior de la imagen parece obtener un poco más de detalle. Quizás esté hecho ahora. Sin embargo, todavía es algo confuso. Tal vez el fotógrafo no estaba usando un trípode. Oh, espera, parece que está despejando ahora ...


Solo para echar mi doble discurso a la discusión: el Interlacing se introdujo hace años cuando las velocidades de internet eran lentas, con la idea de que la imagen se presentara de forma gradualmente más definida, sin dejar de dar una apariencia general a una imagen sin tener que esperar para que todo se cargue

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

Los escaneos progresivos en imágenes con imágenes JPEG proporcionan 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 para los bits que componen la imagen).

PNG utiliza un algoritmo más complejo que GIF .


  • JPEG: - use escaneo progresivo . Hace que los archivos sean más pequeños ( cada pase 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 pobre y no tiene sentido para los animGIF. Lo mejor es no usar GIF en absoluto ( sí, incluso para anims ).

  • PNG: NO - duele la compresión (ya que los datos de cada pase son estadísticamente bastante diferentes). Si la imagen es grande, use 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 grande sin pérdidas.

ImageOptim automáticamente cambiará los formatos progresivos / entrelazados cuando hace los archivos más pequeños.

Descargo de responsabilidad por nitpickers:

  • 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 el archivo completo, por lo que es mejor concentrarse en ahorrar ancho de banda para cargar toda la página lo antes posible.
  • JPEG no progresivo es un poco más eficiente cuando los archivos son pequeños (miniaturas pequeñas), pero los ahorros también son muy pequeños.
  • iOS Safari tiene un tamaño de imagen máximo permitido más alto para la línea de fondo JPEG que para la versión progresiva, pero la solución correcta es servir imágenes a tamaños razonables para dispositivos móviles en primer lugar.