Was bewirkt die Interlaced-Option in Photoshop?

Dieses Optionsfeld wird angezeigt, wenn Sie ein PNG-Bild aus Adobe Photoshop speichern. Ich wähle immer 'Keine'.

Was bewirkt die Option „Interlaced“?

Screenshot des Fensters in Windows.  Überschrift lautet "PNG-Optionen", Zwischenüberschrift: "Interlace".  Radiobuttons: None (was ausgewählt ist) und "Interlaced".  Schaltflächen sind "OK" (ausgewählt) und "Abbrechen"

Würde einfach (als Webdesigner) hinzufügen, dass PNGs das Format der Wahl für das Web wären - die Interlace-Option ist heutzutage weitgehend stumm, es sei denn, Sie arbeiten für ein Publikum mit DFÜ-Modems. Ursprünglich war Interlace eine gute Option, da es einen Teil des Bildes schnell laden würde, um die Benutzererfahrung abzumildern, dh das lange Warten auf die Seitenbereitstellung über 56 KB. Dies ist kein Thema mehr. Und auf Mobilgeräten sollten Sie Bitmaps vermeiden und Vektoren verwenden - die eine minimale Dateigröße haben / in Sekundenbruchteilen geladen / effektiver skaliert werden. Und kompilieren Sie sie als Schriftart, wenn Sie können - noch besser.

Antworten (2)

Das Interlaced -Bild lädt so schnell wie möglich eine frühe degradierte Version des gesamten Bildes und rendert das Bild dann schrittweise in einen klaren Zustand. Interlaced wird fast immer etwas größer in der Dateigröße sein.

Non-Interlaced- Bilder werden in Kacheln geladen, die ein klares Bild in jeder Kachel zeigen, während das Bild geladen wird.


  • .gifFormat folgt der gleichen Idee.
  • Im .jpgFormat
    • progressiveist das gleiche wieinterlaced
    • baselineist das gleiche wienot interlaced

GIF-Simulation des Ladens eines Interlaced-PNG und eines Non-Interlaced-PNG mit Firefox.

Geben Sie hier die Bildbeschreibung ein

Klicken Sie hier, um die volle Größe anzuzeigen »

Der Zweck der Simulation ist es, zu zeigen, wie diese beiden Methoden beim Laden des Bildes visuell aussehen, und nicht, ihre Ladezeiten zu vergleichen. Interlaced fügt fast immer ein wenig zur Dateigröße hinzu und lädt daher etwas langsamer. Es gibt auch die wahrgenommene Geschwindigkeit, die etwas subjektiv ist. In dieser Simulation habe ich GPRS-Geschwindigkeiten (~7 KB/s) verwendet und 3 Sekunden später interlaced geladen. Einige Leute könnten sagen, dass es so aussah, als wäre Interlaced schneller. Einige mögen sagen, dass es stimmt, aber es sah schrecklich aus, als das Bild zum ersten Mal geladen wurde. Meine persönliche Präferenz ist es, kein Interlacing zu verwenden.

Gibt es einen Nachteil des Interlaced-Ansatzes, zB eine größere Dateigröße?
@Jan-Philip Gehrcke Interlacing erhöht die Dateigröße etwas. Was Sie tun sollten, ist zuerst mit persönlichen Vorlieben oder Anwendungsfällen zu gehen (es wird nicht viel für die Druckarbeit tun). Überprüfen Sie dann, ob Interlacing die Dateigröße zu stark erhöht, und handeln Sie entsprechend. Jpeg progressive ist viel effizienter und wirkt sich nicht so sehr auf die Dateigröße aus.
Interlaced GIFs und Progressive JPEGs waren in den späten 1990er Jahren auf Websites sehr beliebt, als bei 28,8 Kbps (oder 56 Kbps, wenn Sie Glück haben) bedeutete, dass ein großes Bild (z. B. ein 50KiBOnline-Comicbild) immer noch über 15 Sekunden zum Laden brauchte. Daher war es wirklich wertvoll, eine Vorschau zu haben, die schnell geladen wurde. Jetzt ist es 2019 und Websites haben Multi-Megabyte-Videos als ganze Seitenhintergründe, die im Handumdrehen über meine 1-Gbit/s-Kabelverbindung zu Hause geladen werden. Ich denke, Interlaced-Bilder gibt es nicht mehr lange - unterstützen moderne Formate (zB WebP) das überhaupt noch?
@Dai Es heißt "World Wide Web", nicht "Western Wealthy Web", falls Sie es vergessen haben. Nicht jeder auf der Welt hat Ihre 1GBps Internetverbindung.
+1 für @AhmadAlfy. Und Sie müssen nicht einmal in Länder reisen, die als „arm“ gelten. Sie können einfach versuchen, irgendwo in der deutschen Landschaft eine Webseite auf das Handy zu laden, und Sie werden Designern dankbar sein, die ihre Bilder interlaced/progressiv exportieren.

"Interlacing" bedeutet, dass es jede fünfte Zeile (Zeile 5, 10, 15), dann jede vierte Zeile (Zeile 4, 9, 14), dann jede dritte Zeile usw. zeichnet (ich ziehe Zahlen aus der Luft). bis das Bild ausgefüllt ist, anstatt Linie 1, 2, 3, 4, 5 usw. der Reihe nach zu zeichnen. Dadurch kann eine skizzenhafte Version des Bildes allmählich einfließen und ausgefüllt werden, bis es fertig ist. Wenn Sie die Linien der Reihe nach zeichnen, erhalten Sie das Bild von oben nach unten.

Lolleros Visual ist eine hervorragende Demonstration.

@Amphiteót Ich glaube, es gab einen Benutzer namens Lollero, der eine wirklich schöne Grafik gemacht hat, die das Konzept veranschaulicht, aber diese Antwort wurde inzwischen gelöscht.