Der ultimative Leitfaden zu Bilddateigroessen fuer das Web in 2026
Jedes Bild auf Ihrer Website hat ein Dateigroessen-Budget. Ueberschreiten Sie es, und Ihre Seite wird langsam; bleiben Sie darunter, und alles fuehlt sich sofort an. Dieser Leitfaden gibt Ihnen konkrete KB-Ziele fuer jeden gaengigen Anwendungsfall.
Referenztabelle: Ideale Dateigroessen nach Verwendungszweck
Diese Ziele gelten fuer WebP oder AVIF. Bei JPEG addieren Sie etwa 25-30%.
| Verwendung | Pixelbreite | Zielgroesse | Empfohlenes Format |
|---|---|---|---|
| Hero-Banner (volle Breite) | 1600-1920px | 100-200 KB | WebP oder AVIF |
| Inhaltsbild/Blog | 800-1200px | 60-150 KB | WebP |
| Produktfoto (Hauptbild) | 800-1000px | 80-150 KB | WebP |
| Produkt-Vorschaubild | 300-400px | 20-50 KB | WebP |
| Karten-/Vorschaubild | 400-600px | 30-80 KB | WebP |
| Avatar/Profilbild | 64-128px | 5-15 KB | WebP oder JPEG |
| Logo | Variabel | 5-30 KB | SVG (bevorzugt) oder PNG |
| Icon | 24-48px | 1-5 KB | SVG |
| Hintergrundmuster | 200-400px (gekachelt) | 10-30 KB | WebP oder PNG |
| Social Sharing (OG) | 1200 x 630px | 80-150 KB | JPEG oder WebP |
Woher diese Zahlen stammen
Die mediane Webseite wiegt auf Mobilgeraeten etwa 2,5 MB, und Bilder allein machen rund 1 MB aus — etwa 40% des Gesamtgewichts, laut HTTP Archive 2025. Googles "gut"-Schwelle fuer LCP liegt bei 2,5 Sekunden. Um dieses Ziel bei einer 4G-Verbindung (~1,5 MB/s) zu erreichen, muss Ihr Hero-Bild in unter einer Sekunde laden — also unter 200 KB bleiben.
Das Format macht den groessten Unterschied
| Format | Beispiel: 1200px-Foto | Relative Groesse |
|---|---|---|
| Unkomprimiertes PNG | ~3,5 MB | Referenz |
| JPEG (Qualitaet 80) | ~180 KB | ~5% |
| WebP (Qualitaet 80) | ~130 KB | ~3,7% |
| AVIF (Qualitaet 65) | ~90 KB | ~2,5% |
Der Wechsel von JPEG zu WebP spart 25-35%. AVIF spart ~50% gegenueber JPEG. Lesen Sie unseren WebP vs AVIF Vergleich. Jetzt konvertieren: JPG zu WebP, in AVIF konvertieren, oder Stapelkonvertierung.
Pixelabmessungen: Der versteckte Multiplikator
Ein 4000 x 3000 Foto hat 12 Millionen Pixel. Auf 1200 x 900 skaliert sind es 1,08 Millionen — eine 91% Reduktion. Verwenden Sie Vizuas Groessenanpassung, dann komprimieren Sie mit dem JPEG-Kompressor oder PNG-Kompressor.
Komprimierungsqualitaet: Den optimalen Bereich finden
Ausgangspunkt: Kamerafoto, 4000 x 3000, als PNG gespeichert — ca. 14 MB.
- Skalieren auf 1200 x 900: ~3,5 MB als PNG
- In WebP konvertieren bei Qualitaet 80: ~130 KB
- In AVIF konvertieren bei Qualitaet 65: ~90 KB
99,3% Reduktion. Fuer detaillierte Empfehlungen: Bilder komprimieren ohne Qualitaetsverlust.
Sonderfaelle
E-Commerce
Produktbilder bei 800-1000px (1600-2000px fuer Retina) in WebP. Vorschaubilder bei 300-400px, ~20-50 KB.
Fotografie-Portfolio
Vorschauen bei 1200-1600px in WebP (Qualitaet 85), 150-250 KB.
Open Graph
1200 x 630px, unter 150 KB.
Gesamtes Bild-Budget pro Seite
Zielen Sie auf ein Gesamtbildgewicht unter 500 KB pro Seite:
- 1 Hero-Bild: ~150 KB
- 3-4 Inhaltsbilder: ~100 KB, gesamt ~300-400 KB
- Vorschaubilder, Avatare, Icons: ~50 KB gesamt
Haeufig gestellte Fragen
Welche Dateigroesse ist ideal fuer ein Website-Bild?
Es haengt vom Verwendungszweck ab. Hero-Bilder unter 200 KB, Inhaltsbilder unter 150 KB und Vorschaubilder unter 80 KB. Diese Ziele gelten fuer WebP oder AVIF. Bei JPEG rechnen Sie 20-30% dazu.
Wie reduziere ich die Dateigroesse ohne Qualitaetsverlust?
Drei Schritte: Auf die tatsaechliche Anzeiggroesse skalieren, in WebP oder AVIF konvertieren, und bei Qualitaet 75-85 komprimieren. Der visuelle Unterschied ist nicht erkennbar.
Beeinflusst die Bilddateigroesse das SEO?
Ja. Bilder beeinflussen direkt den Largest Contentful Paint (LCP), eine der drei Core Web Vitals von Google. Ein langsamer LCP (ueber 2,5 Sekunden) schadet dem Ranking.
Welche Pixelabmessungen sollte ich fuer Produktbilder verwenden?
Fuer E-Commerce: Produktbilder bei 800-1000px Breite und 300-400px fuer Vorschaubilder im Raster. Die meisten Produktfotos komprimieren gut in WebP bei Qualitaet 80, etwa 80-150 KB.
Erreichen Sie Ihre Groessen-Ziele
Kostenlos, privat, ohne Registrierung. Alles laeuft in Ihrem Browser.