Bildoptimierung
Bilder in kleinere Dateien umwandeln, ohne die Qualität sichtbar zu verringern, und sie in der richtigen Größe und in modernen Formaten ausliefern.
- 01
Warum es wichtig ist
Bilder machen auf den meisten Seiten den größten Teil der heruntergeladenen Daten aus. Formate wie WebP und AVIF, für die Bildschirmgröße passende Versionen und die richtige Komprimierung machen Seiten spürbar schneller. Wenn Bildern Abmessungen gegeben werden, verbessert sich die Layoutstabilität, und beschreibender Alternativtext verbessert die Barrierefreiheit.
- 02
Beispiel
Das Bannerbild auf der Startseite einer Website ist 4.000 Pixel breit und 3 MB groß. Wird es in drei nach Bildschirmbreite gestaffelten Größen und als WebP ausgeliefert, sinkt das Downloadvolumen auf mobilen Geräten auf 150 KB.
- 03
Häufiger Fehler
Ein großes Bild nur kleiner auf der Seite darstellen. Der Browser lädt weiterhin die Datei in voller Größe herunter; das Bild sollte in der Größe erstellt werden, in der es angezeigt wird.
- 04
Verwandte Begriffe
Passende Leistungen und Ratgeber
Über Ihr Projekt sprechen.
Erzählen Sie uns Ihren Bedarf; den Umfang klären wir gemeinsam.