Eine Bibliothek kann mehrere Formate verwenden. Bearbeitungsoriginale behalten und die Auslieferung je Nutzung wählen.
Unterstützte Formate von WordPress, Theme, Plugins und Bildbibliothek prüfen. Originale behalten, eine Stichprobe hochladen und Vorschaubilder sowie responsive Varianten kontrollieren. Vorabkonvertierung garantiert nicht, dass das CMS auf weitere Verarbeitung verzichtet.
JPEG eignet sich für Fotos und Abläufe, die JPG verlangen. Die Kodierung ist verlustbehaftet und erhält keine Transparenz: transparente Stellen erhalten einen weißen Hintergrund. PNG eignet sich für Text, Screenshots, scharfe Kanten und Transparenz. PNG kodiert nur den von Canvas gerenderten Pixelpuffer verlustfrei. Browserdekodierung, Farbkonvertierung oder Bittiefenverarbeitung kann Quellpixel ändern; Profile oder Metadaten können abweichen.
WebP kann für die Webauslieferung nützlich sein und unterstützt Transparenz. Das WebP-Format kann Animationen speichern, aber dieses Werkzeug exportiert aus animierten Eingaben nur ein Standbild; die Animation bleibt nicht erhalten. Dieses Werkzeug übergibt einen Qualitätswert an den Browser-Encoder. Ein Qualitätswert von 100 garantiert keine verlustfreie WebP-Ausgabe; das Ergebnis herunterladen und prüfen. AVIF kann abhängig von Quelle und Encoder effizient komprimieren. AVIF lesen und schreiben sind unterschiedliche Browserfähigkeiten. Ein nicht verfügbares Ausgabeformat lässt sich hier nicht exportieren.
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.
