1. Web-Banner Optimierung
Web-DesignerHintergrund
Ein animiertes Werbebanner ist mit 5 MB zu groß für die Einbindung auf einer Landingpage.
Aufgabe
Die Dateigröße muss unter 1 MB sinken, ohne dass die Animation ruckelt oder die Farben verwaschen wirken.
Verwendung
GIF hochladen, Ziel-Farbenanzahl auf 64 setzen, Wu-Quantisierung wählen und Floyd-Steinberg Dithering aktivieren.
targetColors: 64, colorReductionMethod: 'wu', ditheringMethod: 'floyd-steinberg'Ergebnis
Das Banner ist nun deutlich kleiner und lädt sofort, während die visuelle Qualität für den Nutzer nahezu identisch bleibt.