Leitfaden zur Bildkomprimierung: WebP vs. AVIF vs. JPEG vs. PNG

Bilder sind meist der schwerste Teil einer Webseite. Das richtige Format und die richtige Qualität senken die Größe stark und halten Bilder scharf.

Verlustbehaftet vs. verlustfrei

Verlustbehaftete Formate (JPEG, WebP, AVIF) verwerfen kaum sichtbare Details und verkleinern Dateien stark. Verlustfrei (PNG) behält jeden Pixel – ideal für Logos und Transparenz, aber groß für Fotos.

Welches Format

• Fotos & Thumbnails: WebP als Standard – 25–35% kleiner als JPEG, breit unterstützt.
• Kleinste Größe in modernen Browsern: AVIF.
• Maximale Kompatibilität: JPEG.
• Logos, Icons, Transparenz: PNG oder verlustfreies WebP.

Qualität wählen

• WebP / JPEG: Qualität 70–80 als guter Ausgleich.
• AVIF: bei 50–60 beginnen für gleiche wahrgenommene Qualität.
• PNG hat keinen Qualitätsregler; ist es groß, ist es meist ein Foto und gehört in WebP.

Senke die Qualität schrittweise und vergleiche Vorher/Nachher – wähle den Wert kurz vor sichtbarem Verlust.

Kurz gesagt

WebP mit Qualität 75 für Web-Fotos, AVIF für kleinste Dateien, PNG für Transparenz. Mit Scrunch konvertierst du viele Bilder auf einmal – direkt im Browser.