Öffnen Sie den Netzwerk-Tab auf fast jeder langsamen Website, und Bilder sind der größte Posten – oft mehr als alle Skripte und Stylesheets zusammen. Die Lösung ist selten kompliziert: Die meisten Bilder werden in Kameraauflösung hochgeladen und in einem Bruchteil dieser Größe angezeigt, ohne andere Kompression als die des Handys. Bilder richtig zu behandeln ist die Änderung mit dem besten Verhältnis von Aufwand zu Wirkung, die die meisten Sites machen können – und sie braucht keinen Entwickler. Bilder komprimieren ist die Änderung mit dem besten Verhältnis von Aufwand zu Wirkung, die die meisten Sites machen können.
Dieser Leitfaden geht die Entscheidungen in der Reihenfolge durch, in der Sie sie treffen sollten: erst Abmessungen, dann Format, dann Kompressionsstufe, dann Auslieferung.
1. Abmessungen: das größte Leck
Ein Handyfoto hat 4.000 × 3.000 Pixel. Der breiteste Platz, an dem es auf einer Website angezeigt wird, ist vielleicht 1.200 Pixel. Der Browser lädt trotzdem alle 12 Millionen Pixel und wirft 90 % davon weg. Faustregeln:
- Vollbreite-Hero-Bilder: 1.600–2.000 px breit.
- Inhaltsbilder im Artikel: 1.200 px.
- Thumbnails und Karten: 600–800 px.
- Für Retina-Displays das Doppelte der angezeigten Größe, aber stärker komprimiert – das ergibt schärfere Bilder bei fast gleicher Dateigröße.
Allein dieser Schritt reduziert die meisten Fotos um 70–85 %.
2. Format: JPG, PNG, WebP oder AVIF
| Format | Wofür | Größe vs. JPG |
|---|---|---|
| JPG | Fotos, überall kompatibel | Basis |
| PNG | Logos, Screenshots, Transparenz | oft 3–5× größer bei Fotos |
| WebP | Standard fürs Web, Fotos und Grafiken, Transparenz | −25 bis −35 % |
| AVIF | Kleinste Dateien, langsamer zu erzeugen | −40 bis −50 % |
Der häufigste Fehler: Fotos als PNG. PNG ist verlustfrei und für Fotos schlicht das falsche Werkzeug. Der zweithäufigste: Screenshots mit Text als JPG – die Kanten werden matschig. Für 2026 gilt: WebP als Standard, AVIF wo die Pipeline es hergibt, JPG/PNG als Fallback für alte E-Mail-Clients.
3. Bilder komprimieren: die 75–85-Regel
Die Qualitätsskala ist nicht linear. Von 100 auf 85 verlieren Sie kaum sichtbare Details, aber die Hälfte der Dateigröße. Von 85 auf 60 sparen Sie noch einmal ein Drittel, und Artefakte werden an Kanten und in Verläufen sichtbar. Der Sweet Spot für Fotos liegt bei 75–85; für Hintergrundbilder mit Text darüber reichen 60–70; für Produktbilder, in die gezoomt wird, 85–90.
Testen Sie am Ende nicht mit einer Lupe. Öffnen Sie Original und komprimierte Version nebeneinander in normaler Ansicht – wenn Sie den Unterschied nicht sofort sehen, sehen ihn Ihre Besucher auch nicht.
4. Auslieferung: Lazy Loading und srcset
Bilder unterhalb des sichtbaren Bereichs brauchen erst zu laden, wenn der Nutzer scrollt: loading="lazy" auf allen Bildern außer dem ersten. Das Hero-Bild bekommt stattdessen fetchpriority="high". Mit srcset liefern Sie Smartphones eine 600-px-Version und Desktops die 1.200-px-Version – WordPress macht das automatisch, wenn die Bildgrößen konfiguriert sind. Geben Sie immer width und height an, damit das Layout beim Laden nicht springt.
Der Workflow in der Praxis
- Vor dem Upload skalieren: der Bildskalierer (oder der Bulk-Bildskalierer für ganze Ordner) auf 1.200–2.000 px.
- Komprimieren und konvertieren in einem Schritt: Bildkomprimierer auf Qualität 80, Ausgabe WebP.
- Kontrolle: Dateigröße unter 200 KB für Inhaltsbilder, unter 400 KB für Hero-Bilder.
- Auf der Seite: Lazy Loading, Maße, Alt-Text.
Typische Ergebnisse
Ein unoptimiertes Handyfoto (4.000 px, 3,8 MB) → skaliert auf 1.200 px (620 KB) → WebP bei Qualität 80 (95 KB). Das sind 97 % weniger Daten für ein Bild, das auf der Seite identisch aussieht. Über eine Seite mit zehn Bildern gerechnet ist das der Unterschied zwischen sechs Sekunden Ladezeit im Mobilfunknetz und unter einer Sekunde.
Häufige Fragen
Verliere ich bei WebP Qualität?
Bei gleicher visueller Qualität nicht – WebP erreicht sie mit weniger Bytes.
Soll ich PNG-Logos zu WebP konvertieren?
Ja, mit verlustfreiem WebP; Transparenz bleibt erhalten und die Datei wird kleiner.
Was ist mit Bildern, die schon hochgeladen sind?
WordPress-Plugins komprimieren nachträglich, aber sie können die Originalauflösung nicht sinnvoll reduzieren. Für Bestände lohnt ein Durchgang mit dem Bulk-Bildkomprimierer und ein erneuter Upload der wichtigsten Seiten.
Kostenlos, läuft im Browser, nichts wird hochgeladen, keine Anmeldung.
Weiterlesen
Mehr aus Bild- & Foto-Tools.
