1. Optimierung von Hero-Bilder für Webseiten
WebdesignerHintergrund
Ein Webdesigner möchte sicherstellen, dass die großen Header-Grafiken auf einer Website nicht als leere weiße Flächen erscheinen, während sie laden.
Aufgabe
Große PNG-Dateien laden bei langsamen Verbindungen zu langsam und wirken unfertig.
Verwendung
Datei hochladen, Kompressionsstufe auf 9 setzen und adaptive Filterung aktivieren.
quality: 90, compressionLevel: 9, adaptiveFiltering: trueErgebnis
Das Bild wird nun interlaced geladen, sodass der Nutzer sofort eine grobe Version des Bildes sieht, bevor es vollständig scharf geladen ist.