Optimierung unterstützt Barrierefreiheit und Ladeleistung. Bessere Platzierungen lassen sich nicht versprechen.
Maße nach der vorgesehenen Anzeige- oder Druckgröße wählen. Seitenverhältnis beibehalten, um Verzerrungen zu vermeiden. Bei Breite und Höhe passt das Bild in diesen Rahmen; es wird nicht füllend beschnitten. Mehr Pixel erzeugen keine fehlenden Details.
Mit einer mittleren Qualität beginnen und die heruntergeladene Datei mit dem Original vergleichen. Das Ergebnis hängt von Bild und Encoder ab. Das Vorschaubild zeigt die Quelle, keinen Vorher-nachher-Vergleich. Der Qualitätsregler steuert die PNG-Kodierung nicht.
Beschreibende Dateinamen, hilfreiche Bildunterschriften und zum Kontext passenden Alternativtext verwenden. Keyword-Wiederholungen vermeiden. Weniger Bytes können bei Bildengpässen helfen, aber keine Umwandlung garantiert bessere Suchplatzierungen.
Breite und Höhe oder CSS aspect-ratio setzen, damit Platz reserviert wird. Bei Bedarf responsive Bildgrößen verwenden. Das Hauptbild früh laden, darunter liegende Bilder gegebenenfalls verzögert. Die veröffentlichte Seite mobil messen: Ein Formatwechsel garantiert keine besseren LCP-, CLS- oder INP-Werte.
JPEG, PNG, WebP und AVIF nach Inhalt, Transparenz, Kompatibilität und Bearbeitung vergleichen.
Original und heruntergeladene Stichprobe vergleichen. Eine feste Einsparung gilt nicht für jedes Bild.
Original und heruntergeladene Stichprobe vergleichen. Eine feste Einsparung gilt nicht für jedes Bild.
Original und heruntergeladene Stichprobe vergleichen. Eine feste Einsparung gilt nicht für jedes Bild.
Praktische Anleitungen zu lokaler Konvertierung, Veröffentlichung, Barrierefreiheit und Formatwahl.
Die WebP-Ausgabe mit dem PNG-Original vergleichen, bevor das Veröffentlichungsformat gewählt wird.
Optimierung unterstützt Barrierefreiheit und Ladeleistung. Bessere Platzierungen lassen sich nicht versprechen.
Eine Bibliothek kann mehrere Formate verwenden. Bearbeitungsoriginale behalten und die Auslieferung je Nutzung wählen.
