"Progressives" JPEG: Warum vermeiden viele Websites das Rendern von JPEGs auf diese Weise? Für und Wider?

Wenn JPEG-Bilder von einer Webseite verwendet werden, werden sie normalerweise von oben nach unten gerendert. Sie können jedoch auch in einem Modus namens progressives JPEG gerendert werden , bei dem das Bild in voller Größe , aber unscharf beginnt und dann schärfer wird aufeinanderfolgende Pässe, bis es voll geladen ist. Beim progressiven Laden muss das Bild auf diese Weise gespeichert werden.

Warum verwenden nicht mehr Websites progressives JPEG? Was sind die Nachteile? Ist es einfach ein Mangel an Werkzeugunterstützung oder sind diese Dateien den herkömmlichen von oben nach unten gerenderten JPEG-Bildern in irgendeiner Weise unterlegen?

Progressives JPEG wird seit seiner Einführung von Scattershots unterstützt. Auf der Wikipedia-Seite zu JPEG heißt es:

Allerdings sind progressive JPEGs nicht so weit unterstützt, ^[Bearbeiten] und sogar einige Software , die Unterstützung bietet sie (wie Internet Explorer - Versionen vor Windows 7) ^[12] nur zeigt das Bild , nachdem sie vollständig heruntergeladen wurde.

Hinweis: Die erste Anweisung ist nicht vollständig und die Quelle für die zweite Anweisung besagt nicht unbedingt, dass dies nur in Windows 7 unterstützt wird.

Ich kann mich nicht erinnern, wann ich Progressive JPEG zum ersten Mal vermieden habe, aber das neueste Problem war, dass die Bildparser in Flash (die PNGs, GIFs und JPEGs laden können) auch Progressive JPEG ( aktualisierter Link im Internetarchiv ) nicht laden können .

Normalerweise speichere ich Bilder als progressiv.

Ich habe noch nie von Nachteilen oder Renderproblemen gehört . Und selbst wenn einige sehr alte Browser den progressiven Effekt nicht rendern, rendern sie schließlich das Bild, sodass dies kein großes Problem darstellt.

Progressive JPEG-Bilder sind normalerweise kleiner als das gleiche Bild ohne Progressive .

Beispielsweise kann ein JPG-Bild mit 8K (max. Qualität) leicht zu einem JPG-Bild mit 6K (immer noch max. Qualität) werden, wenn Progressive verwendet wird und kein Pixel der Definition verloren geht.

Bei Bildbearbeitungsprogrammen wie Photoshop genügt es nicht, ein Bild als JPG progressiv zu speichern (dies ist nur ein Kontrollkästchen im Fenster, das bei Verwendung des Befehls "Speichern unter" angezeigt wird).

Artlung behandelte einige Support-Überlegungen, aber es gibt auch die Tatsache, dass es die meiste Zeit nicht wichtig sein wird. Das wichtige Element in der Frage ist "bis es voll geladen ist". Das progressive Format ist keine ästhetische Schönheit, die das Bild unscharf werden lässt, sondern funktional:

Wenn ein Bild groß genug (von Dateigröße) ist , dass es eine Weile , bis Download nimmt, dann werden Sie den Fortschritt sehen.
Selbst wenn alle JPEG-Dateien überall als progressiv gespeichert wurden, ist bei den derzeit üblichen Verbindungsgeschwindigkeiten die überwiegende Mehrheit der Bilder, auf die Sie stoßen, nicht groß genug, um den Effekt jemals in nennenswertem Maße zu erkennen. Dies war eine großartige Idee, als alle mit langsamen Telefonmodems arbeiteten, aber es ist zunehmend eine Neugier auf begrenzte praktische Anwendungen jenseits von Websites, die wirklich sehr große Bilder erfordern, wie z. B. einen wählerischen Fotografen oder ähnliches.

Das Gleiche gilt für Interlaced-GIFs, da sie in den Kommentaren von jemandem behandelt wurden.

Hier gibt es einen potenziellen Publikumsfaktor, wenn Sie Länder mit einer weniger entwickelten Netzinfrastruktur in Betracht ziehen, in denen sie möglicherweise erheblich langsamer werden, aber ich kann nicht damit sprechen. Ich könnte meinen, dass sie möglicherweise eine Anwendung für mobiles Browsen haben, aber dann kehren wir zur punktuellen Unterstützung der Funktion zurück.

Google verwendet das progressive Laden ihrer Bilder in images.google.com. Zuerst strecken sie den Daumen, um die Abmessungen in der Vorschau anzuzeigen, und laden dann das Originalbild darüber. Ich denke, das ist eine gute Praxis. Genau wie bei Progressive JPEG

Progressive Rendering (gif / jpeg) war für die guten alten Zeiten des Internets gedacht, in denen die Server langsam waren und die Datenübertragung auf der letzten Meile beim Crawlen durch POTS erfolgte. Niemand verschwendet mehr Zeit damit.

So viele meiner Website-Besucher nutzen Breitband, dass es keinem anderen Zweck dient als einem minimalen Einblendeffekt auf einem sehr großen Bild (obwohl es bei einem 8-MB-Kabel kaum auffällt). Wenn Ihr Publikum immer noch telefoniert, sollten Sie sich darüber Gedanken machen.

Und wie in den Kommentaren unten ausgeführt, ist das Alte neu und die neue Übertragungsgeschwindigkeit für die letzte Meile ist aufgrund von Problemen mit der Verbindungsgeschwindigkeit oder der Latenz immer noch ein Problem für das Mobilfunknetz und den Satellitenzugriff. Achten Sie also auf Ihr Publikum und implementieren Sie es erneut, um die Benutzererfahrung dort zu verbessern, wo Sie sie benötigen.

Für Sites wie Wikipedia, die ihre eigenen Thumbnails im Handumdrehen rendern, gibt es eine zusätzliche Überlegung: Alle Algorithmen zum Erstellen progressiver JPEGs benötigen mehr Speicher und CPU-Zyklen. Wenn die Originaldateien groß genug sind, treten Probleme auf.

Viele Bibliotheken bieten es nicht oder nicht standardmäßig an. Aber das ist nicht der Grund. Ich betreibe eine Website mit Bildern und hasse die progressiven JPEGs. Warum? Weil der in ihnen verwendete Algorithmus schlechter ist als mein eigener! Ich verwende die gleiche Technik wie Google und überlagere das kleine Miniaturbild tatsächlich mit einem mittleren Miniaturbild. Auf diese Weise erhält der Benutzer bei jeder Verbindung, egal wie groß das Original war, sofort fast die volle Qualität. Die progressiven Dateien werden sehr blockiert, wodurch dieser Effekt zunichte gemacht wird.

Thumbnail-Overlay ist der Weg, um es zu tun.

Progressive JPEG funktioniert in Chrome, Firefox und IE 9+. Ich denke, das deckt die meisten Browser ab, die heute verwendet werden, um das Web zu nutzen.

Progressive JPEG bietet in vielen Situationen ein besseres Benutzererlebnis. Ich mag es progressiv zu sehen, wenn ich eine langsame Seite besuche (Inselland, Slashdot-Effekt, Spitzenverkehr usw.). Ich muss nicht sofort die volle Qualität sehen. Eine erste Idee des Bildes ist oft gut genug. Es ärgert mich mehr, wenn ich ein langsames Laden von oben nach unten sehe. Es erinnert mich an die 300-Baud-Modem-Tage des Herunterladens von ASCII-Kunst.