Bilder machen über 50 % des durchschnittlichen Seitengewichts im Web aus. Eine langsame Website ist also fast immer ein Bildproblem. Bilder richtig zu komprimieren ist die Maßnahme mit dem höchsten ROI für Web-Performance, Core-Web-Vitals-Werte — und damit das SEO-Ranking.
Googles Core Web Vitals nutzen den Largest Contentful Paint (LCP) als primäres Ranking-Signal. LCP misst, wie lange das Hauptbild der Seite zum Erscheinen braucht. Ein unkomprimiertes 3-MB-Hero-Bild kann allein einen LCP >4 Sekunden verursachen — als „Schlecht“ eingestuft — und Sie Rankings kosten.
| Format | Bester Anwendungsfall | Browser-Support | Größe vs JPEG |
|---|---|---|---|
| WebP | Alle Web-Bilder (Fotos + Grafiken) | 97 %+ der Browser | 25–34 % kleiner |
| AVIF | Fotos, hochdetaillierte Bilder | ~85 % (kein IE/Safari 15) | 40–50 % kleiner |
| JPEG | Fotos (Fallback) | Universell | Basislinie |
| PNG | Logos, Screenshots, Transparenz | Universell | Oft 3–5× größer als JPEG |
| SVG | Icons, Logos, Illustrationen | Universell | Auflösungsunabhängig |
| GIF | Vermeiden — animiertes WebP oder Video nutzen | Vermeiden | Bis zu 10× größer als WebP |
<picture> mit AVIF → WebP → JPEG-Fallback. So wird jedem Browser das beste unterstützte Format geliefert, ohne Kompatibilität zu opfern.
<picture>
<source srcset="img.avif" type="image/avif">
<source srcset="img.webp" type="image/webp">
<img src="img.jpg" alt="...">
</picture>| Bildtyp | Max. Breite | Zielgröße (WebP) | Zielgröße (JPEG) |
|---|---|---|---|
| Hero / Banner | 1920 px | <150 KB | <200 KB |
| Beitrags-Titelbild | 1200 px | <80 KB | <120 KB |
| Produktbild (E-Commerce) | 800 px | <60 KB | <100 KB |
| Thumbnail / Kartenbild | 400 px | <20 KB | <35 KB |
| Avatar / Profilbild | 200 px | <10 KB | <15 KB |
| Hintergrund (Vollbild) | 1440 px | <100 KB | <150 KB |
Liefern Sie nie ein 4000 px breites Bild in einer 800-px-Spalte. Skalieren Sie zuerst auf die maximale Anzeigebreite. Für Retina/HiDPI nutzen Sie die 2-fache CSS-Anzeigegröße — eine 400-px-Spalte erhält ein 800-px-Bild, dann stark komprimieren.
Für maximale Privatsphäre und Geschwindigkeit nutzen Sie ImgMin — die gesamte Verarbeitung läuft im Browser. Ziehen Sie bis zu 10 Bilder hinein, komprimieren Sie, laden Sie als ZIP herunter. Kein Upload, keine Limits, kein Konto.
Für serverseitige Workflows (CI/CD, CMS) sind Tools wie Sharp (Node.js), Pillow (Python) oder cwebp (CLI) hervorragende Optionen zur Automatisierung.
Fügen Sie allen Bildern unterhalb des Sichtbereichs loading="lazy" hinzu. Das verschiebt das Laden, bis der Nutzer in die Nähe des Bildes scrollt, spart Bandbreite und verbessert die anfängliche Ladezeit deutlich.
Geben Sie immer die Attribute width und height auf Ihren <img>-Tags an. Das reserviert Platz im Layout und verhindert Cumulative Layout Shift (CLS) — eine weitere Core-Web-Vitals-Metrik, die das SEO beeinflusst.
Wenn Sie Cloudflare, Vercel oder AWS CloudFront nutzen, aktivieren Sie die automatische Bildoptimierung. Diese Dienste liefern modernen Browsern WebP und cachen optimierte Versionen an Edge-Knoten weltweit — was die Latenz deutlich senkt.
add_image_size()-Aufrufe Ihres Themes auf die tatsächlichen Anzeigegrößen ein_800x.jpg, um korrekt dimensionierte Bilder auszuliefernWebP ist 2026 der beste Standard — 25–34 % kleiner als JPEG bei gleicher Qualität, von 97 %+ der Browser unterstützt. Nutzen Sie AVIF für noch bessere Komprimierung, wenn Ihr Publikum modernes Chrome oder Firefox verwendet. Behalten Sie JPEG/PNG als Fallback.
Hero-Bilder: unter 200 KB. Content-Bilder: unter 100 KB. Thumbnails: unter 30 KB. Hintergrundbilder: unter 150 KB. Das sind WebP/JPEG-Ziele — Ihr genauer Schwellenwert hängt von der Bildkomplexität ab.
Ja, direkt. Google nutzt Core Web Vitals (LCP, CLS) als Ranking-Signale. Große, unkomprimierte Bilder sind die Hauptursache für langsame LCP-Werte. Bilder zu komprimieren verbessert die Seitengeschwindigkeit, senkt die Absprungrate und kann das Ranking spürbar heben — besonders mobil.
Komprimieren Sie bis zu 10 Bilder gleichzeitig im Stapel. Kein Upload, kein Konto, keine Limits.
Jetzt Bilder komprimieren →Zuletzt aktualisiert: April 2026. Browser-Support-Prozentsätze von caniuse.com.