Que fait l'option entrelacée dans Photoshop?

70

Il y a cette boîte d'options affichée lors de l'enregistrement d'une image PNG à partir d'Adobe Photoshop. Je choisis toujours 'Aucun'.

Que fait l'option 'Entrelacé'?

entrez la description de l'image ici

adobe-photoshop png save Lazer
la source
1
Ajoutons simplement (en tant que concepteur Web) que les formats PNG étaient le format de choix pour l’interligne Web est en grande partie muet de nos jours, à moins que vous ne travailliez pour un public équipé de modems commutés. À l'origine, l'entrelacement était une bonne option car cela chargerait une partie de l'image rapidement pour adoucir l'expérience utilisateur, c'est-à-dire l'attente longue pour la livraison de pages à partir de 56K. Ce n'est plus un problème. Et sur mobile, évitez les bitmaps et utilisez des vecteurs, qui ont une taille / charge de fichier minimale en une fraction de seconde / mise à l’échelle plus efficacement. Et compilez-les en tant que police si vous le pouvez - encore mieux.
Applefanboy

Réponses:

89

Image entrelacée charge dès que possible une version antérieure dégradée de l'ensemble de l'image, puis efface progressivement l'image. Les fichiers entrelacés seront presque toujours un peu plus gros.

Une image non-entrelacée se chargera dans des carreaux affichant une image claire dans chaque carreau au fur et à mesure de son chargement dans l'image.

  • .gif Le format suit la même idée.
  • En .jpgformat
    • progressiveest le même que interlaced
    • baseline est le même que not interlaced

GIF Simulation du chargement d’un fichier png entrelacé et d’un fichier png non entrelacé avec Firefox.

entrez la description de l'image ici

Cliquez pour le voir en plein écran "

Le but de la simulation est de montrer l’apparence visuelle de ces deux méthodes lors du chargement de l’image et non de comparer leurs temps de chargement. Interlaced ajoute presque toujours un peu à la taille du fichier et par conséquent se charge un peu plus lentement. Il y a aussi la vitesse perçue qui est quelque peu subjective. Dans cette simulation, j'ai utilisé les vitesses GPRS (~ 7 Ko / s) et les données entrelacées chargées 3 secondes plus tard. Certaines personnes pourraient dire qu'il semblait que l'Interlaced était plus rapide. Certains diront peut-être que c'est vrai, mais le rendu de l'image était horrible lorsque le chargement de l'image a commencé. Ma préférence personnelle est de ne pas utiliser d'entrelacement.

Joonas
la source
4
L'approche entrelacée présente-t-elle un inconvénient, par exemple une taille de fichier plus grande?
Jan-Philip Gehrcke
3
@ Jan-Philip Gehrcke Interlacing augmente légèrement la taille du fichier. Ce que vous devriez faire, c'est d'abord aller avec vos préférences personnelles ou votre cas d'utilisation (cela ne fera pas beaucoup sur le travail d'impression). Ensuite, vérifiez si l'entrelacement ajoute trop à la taille du fichier et agissez en conséquence. Jpeg progressive est beaucoup plus efficace et n’affecte pas vraiment la taille du fichier.
Joonas
15

"Entrelacement" signifie qu'il tire (je tire des chiffres) toutes les cinq lignes (lignes 5, 10, 15), puis toutes les quatre lignes (lignes 4, 9, 14), puis toutes les trois lignes, etc. jusqu'à ce que l'image soit remplie, plutôt que de tracer les lignes 1, 2, 3, 4, 5, etc. dans l'ordre. Cela permet à une version fragmentée de l'image d'entrer progressivement et de remplir jusqu'à ce qu'elle soit terminée. Tracer les lignes dans l’ordre signifie que vous obtenez l’image de haut en bas.

Le visuel de Lollero est une excellente démonstration.

Lauren-Reinstate-Monica-Ipsum
la source
1
@ Amphiteót Je pense qu'un utilisateur du nom de Lollero a réalisé un très joli graphique illustrant le concept, mais cette réponse a été supprimée depuis.
Lauren-Reinstate-Monica-Ipsum