Was ist Bildoptimierung?
Bildoptimierung reduziert die übertragene Datenmenge und erhält dabei die visuelle Qualität und die Funktionen, die ein Produkt benötigt. Sie kann Größenänderung, Entfernen von Metadaten, Kompressionsabstimmung und Konvertierung in ein effizienteres Ausgabeformat kombinieren.
So funktioniert Bildoptimierung
Optimierung ist ein Veröffentlichungsschritt unter festen Vorgaben, der das decodierte Erscheinungsbild, Übertragungskosten, Decodierunterstützung und erforderliche Funktionen wie Transparenz oder Animation gegeneinander abwägt. Eine Pipeline kann ungenutzte Nutzdaten entfernen, die Größe ausgehend vom Masterbild ändern, einen Encoder wählen und mehrere responsive Varianten erzeugen. Die Auslieferungslogik wählt anschließend anhand von Markup oder ausgehandelten Fähigkeiten zwischen diesen Varianten, statt davon auszugehen, dass eine Ausgabe für alle Nutzer passt. Ergebnisse sollten bei tatsächlichen Anzeigegrößen und anhand repräsentativer Inhalte beurteilt werden.
Wichtige Fakten
- Verlustfreie Optimierung schreibt die Darstellung um, ohne decodierte Abtastwerte zu verändern. Verlustbehaftete Optimierung kann dagegen Pixel durch Quantisierung oder eine Verringerung der Farbauflösung verändern.
- Formataushandlung verändert die Cache-Identität: Eine Zwischeninstanz, die für eine URL unterschiedliche Encodings ausliefert, muss die relevanten Anfrageinformationen in den Cache-Schlüssel der Antwort einbeziehen.
- Eine Größenänderung vor dem Encoding vermeidet in der Regel die Übertragung und Decodierung ungenutzter Pixel. Eine zu kleine Variante wird jedoch sichtbar unscharf, wenn sie durch CSS oder aufgrund der Pixeldichte des Geräts vergrößert wird.
Wann Bildoptimierung wichtig ist
Erzeugen Sie passende Abmessungen und Formate für jeden Auslieferungskontext, statt jedem Client ein großes Original zu senden. Übermäßige Kompression beschädigt Details, während unnötig hohe Auflösung mehr Bandbreite beansprucht und die Ladeleistung verschlechtern kann.