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).
Bluntausee
130 KB
225 KB
508 KB
SalzburgerCafe
102 KB
169 KB
337 KB
Sonnenuntergang am Meer
68 KB
112 KB
221 KB
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.
Bluntausee — 600 px, JPEG
SalzburgerCafe — 600 px, JPEG
Sonnenuntergang am Meer — 600 px, JPEG
Qualität vs. Dateigröße (600 px JPEG)
| 600 px JPEG | Qualität 96 | Qualität 80 | Qualität 50 |
|---|---|---|---|
| Bluntausee | 294 KB | 130 KB | 72 KB |
| SalzburgerCafe | 224 KB | 102 KB | 61 KB |
| Sonnenuntergang am Meer | 161 KB | 68 KB | 41 KB |
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 50: JPEG gegen WebP und JPEG gegen AVIF. Zieh den Regler zum Vergleichen und beachte, wie viel kleiner die Dateien von WebP und AVIF sind.
Bluntausee — 600 px, Qualität 50
SalzburgerCafe — 600 px, Qualität 50
Sonnenuntergang am Meer — 600 px, Qualität 50
Format vs. Dateigröße (600 px, Qualität 50)
| 600 px, Qualität 50 | JPEG | WebP | AVIF |
|---|---|---|---|
| Bluntausee | 72 KB | 74 KB | 57 KB |
| SalzburgerCafe | 61 KB | 51 KB | 39 KB |
| Sonnenuntergang am Meer | 41 KB | 29 KB | 25 KB |
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.
Bluntausee
| Dimensionen | Qualität | JPEG | WebP | AVIF |
|---|---|---|---|---|
| 1200×1500 100% | q96 | 1055 KB | 845 KB | 908 KB |
| q80 | 508 KB | 449 KB | 545 KB | |
| q50 | 297 KB | 290 KB | 228 KB | |
| 792×990 66% | q96 | 499 KB | 434 KB | 491 KB |
| q80 | 225 KB | 209 KB | 265 KB | |
| q50 | 127 KB | 128 KB | 99 KB | |
| 600×750 50% | q96 | 294 KB | 259 KB | 294 KB |
| q80 | 130 KB | 124 KB | 159 KB | |
| q50 | 72 KB | 74 KB | 57 KB |
SalzburgerCafe
| Dimensionen | Qualität | JPEG | WebP | AVIF |
|---|---|---|---|---|
| 1200×1500 100% | q96 | 688 KB | 554 KB | 562 KB |
| q80 | 337 KB | 265 KB | 313 KB | |
| q50 | 209 KB | 168 KB | 129 KB | |
| 792×990 66% | q96 | 366 KB | 279 KB | 322 KB |
| q80 | 169 KB | 132 KB | 161 KB | |
| q50 | 101 KB | 85 KB | 64 KB | |
| 600×750 50% | q96 | 224 KB | 169 KB | 196 KB |
| q80 | 102 KB | 80 KB | 100 KB | |
| q50 | 61 KB | 51 KB | 39 KB |
Sonnenuntergang am Meer
| Dimensionen | Qualität | JPEG | WebP | AVIF |
|---|---|---|---|---|
| 1200×1500 100% | q96 | 506 KB | 370 KB | 419 KB |
| q80 | 221 KB | 146 KB | 197 KB | |
| q50 | 137 KB | 89 KB | 72 KB | |
| 792×990 66% | q96 | 263 KB | 192 KB | 233 KB |
| q80 | 112 KB | 77 KB | 104 KB | |
| q50 | 68 KB | 47 KB | 40 KB | |
| 600×750 50% | q96 | 161 KB | 120 KB | 146 KB |
| q80 | 68 KB | 48 KB | 66 KB | |
| q50 | 41 KB | 29 KB | 25 KB |