Dimensionen sind entscheidend
Zuallererst: Schick nie mehr Pixel, als die Webseite tatsächlich anzeigt. Ein Foto einfach von 1200 px auf 792 px oder 600 px Breite zu verkleinern, schrumpft die Datei schon dramatisch. Die Bilder unten sind in ihrer echten Pixelgröße dargestellt (seitlich scrollen, um die größeren Versionen zu sehen).
{{ ch1_blocks }}Die Kompressions-Qualität ist wählbar
Beim Erzeugen von JPEG, WebP und AVIF kannst du mit einem Qualitäts-Parameter q festlegen, ob dir die visuelle Qualität oder eine kleinere Datei wichtiger ist. Jedes Paar unten zeigt dasselbe 600 px-Foto in natürlicher Größe: Qualität 96 gegen 80 und Qualität 96 gegen 50. Ein hoher Wert liefert ein nahezu makelloses Bild, aber eine große Datei; ein niedriger Wert liefert eine winzige Datei, zeigt aber klobige Artefakte — besonders in glatten Farbflächen oder bei kleinen Details.
{{ ch2_blocks }}Qualität vs. Dateigröße (600 px JPEG)
{{ ch2_table }}Ein neueres Format spart mehr
Bei gleicher Qualitäts-Einstellung ist WebP kleiner als JPEG, und AVIF ist meist noch kleiner — und sie stellen Details bei kleinem Qualitäts-Parameter besser dar. Jedes Paar unten vergleicht das 600 px-Foto bei Qualität {{ ch3_q }}: JPEG gegen WebP und JPEG gegen AVIF. Zieh den Regler zum Vergleichen und beachte, wie viel kleiner die Dateien von WebP und AVIF sind.
{{ ch3_blocks }}Format vs. Dateigröße (600 px, Qualität {{ ch3_q }})
{{ ch3_table }}Daten
Die vollständige Matrix — jede Dimension, Qualität und jedes Format, mit der Dateigröße in Kilobyte. Die kleinste Datei jeder Zeile ist mit dem Stern hervorgehoben, der orange Balken ist proportional zur Bildgröße.
Beachte, wie eine kleinere Dimension meist mehr bringt als das Herunterdrehen des Qualitäts-Parameters. AVIF gewinnt in fast allen Zeilen.
{{ full_tables }}