cheat sheet
Die ultimative Dateigrößen-Referenz für Bilder
Wie groß sollte das Bild sein? Praktische KB-/MB-Richtwerte für jeden Anwendungsfall.
„Wie groß sollte dieses Bild sein?“ ist die am häufigsten gestellte Frage zur Web-Performance. Die ehrliche Antwort lautet: Es kommt auf den Anwendungsfall an. Hier ist die praktische Referenz.
Hero- / Above-the-Fold-Bilder
| Typ | Zielgröße | Format |
|---|---|---|
| Hero über volle Breite (Desktop) | 150–300 KB | WebP / AVIF |
| Hero (mobil) | 80–150 KB | WebP |
| Lazy-Loaded unterhalb der Falz | bis zu 500 KB | WebP / JPG |
Thumbnails / Listenbilder
| Typ | Zielgröße | Format |
|---|---|---|
| Produktgrid-Thumbnail (300×300) | 15–40 KB | WebP / JPG |
| Artikelvorschau (640×360) | 30–80 KB | WebP |
| Avatar (96×96) | 5–15 KB | WebP / PNG |
Social-Media-Uploads
Die meisten Plattformen komprimieren aggressiv nach, daher ist eine Überoptimierung auf Ihrer Seite verschwendet. Streben Sie nach „hoher Qualität“ statt „kleinstmöglich“:
| Plattform | Empfohlene Upload-Größe |
|---|---|
| 1,5–3 MB (sie komprimieren auf ~150 KB) | |
| Twitter / X | unter 5 MB; darüber = erzwungene Neukomprimierung |
| unter 1 MB für Beiträge | |
| unter 5 MB; PNG für Logos, JPG für Fotos |
Hintergrundbilder (lokal gespeichert)
Der Handyspeicher ist riesig – Qualität zählt mehr als die Größe:
| Auflösung | Angemessene JPG-Größe |
|---|---|
| HD (1280×720) | 200–400 KB |
| Full HD (1920×1080) | 400–800 KB |
| 4K (3840×2160) | 1,5–3 MB |
| 5K (5120×2880) | 3–6 MB |
| 8K (7680×4320) | 6–12 MB |
E-Mail-Signaturen und eingebettete Grafiken
| Anwendungsfall | Zielgröße |
|---|---|
| Bild in E-Mail-Signatur | unter 50 KB |
| Eingebettetes Bild in PDF | unter 200 KB |
| Bild in Präsentation | unter 500 KB |
Tools, um das Ziel zu erreichen
- JPG-Kompressor – schiebereglerbasiert, sehen Sie die KB live, während Sie die Qualität anpassen.
- WebP-Konverter – typischerweise 30–50 % kleiner bei gleicher Qualität.
- Bildgrößenänderer – kleinere Abmessungen = kleinere Datei. Zuerst die Größe ändern, dann komprimieren.
- Stapelverarbeitung – wenden Sie Ihre Zieleinstellungen auf einen ganzen Ordner an.
Testen Sie unsere kostenlosen Tools
- Bildgrößenänderer – pixelgenaues Verkleinern + Vergrößern.
- In WebP konvertieren – 30–50 % kleinere Dateien als JPG.
- Hintergrundentferner – Freistellen mit einem Klick.
- Social-Media-Größenanpasser – exakte Maße für jede Plattform.
- Stapelverarbeitung – wenden Sie jedes Tool auf bis zu 200 Bilder gleichzeitig an.
Durchsuchen Sie den vollständigen Tool-Katalog oder unsere weiteren Leitfäden.
