Bilder für die Website optimieren: kleiner, schneller, besser gerankt

Aktualisiert: 2026-07-03 · 4 Min. Lesezeit

Bilder machen auf typischen Websites den Großteil der geladenen Daten aus. Wer sie optimiert, gewinnt doppelt: Besucher warten kürzer, und Google belohnt schnelle Seiten im Ranking. Der Workflow dafür hat genau drei Schritte.

Schritt 1: Auf die tatsächliche Anzeigegröße verkleinern

Der häufigste Fehler: Ein 4000 Pixel breites Kamerafoto wird in einen Bereich geladen, der nur 800 Pixel anzeigt. Der Browser verkleinert es zwar optisch - geladen werden trotzdem alle Pixel.

Faustregel: die Anzeigebreite mal zwei (für scharfe Retina-Displays). Für einen 800-Pixel-Bereich reichen also 1600 Pixel Bildbreite. Alles darüber ist verschenkte Ladezeit.

Schritt 2: In WebP umwandeln

WebP liefert bei gleicher wahrgenommener Qualität deutlich kleinere Dateien als JPG und unterstützt Transparenz wie PNG. Alle modernen Browser zeigen es an - für eigene Websites gibt es 2026 kaum noch einen Grund für JPG oder PNG.

Einzige Ausnahme: Bilder, die Nutzer herunterladen und weiterverwenden sollen (z. B. Pressefotos) - dort bleibt JPG die kompatiblere Wahl.

Schritt 3: Qualität bewusst reduzieren

Bei Fotos ist der Unterschied zwischen 100 % und 75 % Qualität mit bloßem Auge kaum sichtbar - die Dateigröße halbiert sich aber oft. Für Web-Bilder sind 70-80 % ein bewährter Bereich.

Wichtig: immer vom Original ausgehen, nicht mehrfach nachkomprimieren - jede verlustbehaftete Runde kostet sichtbar Qualität.

Was das fürs Ranking bedeutet

Google misst Ladeleistung über die Core Web Vitals; das größte sichtbare Element (oft ein Bild) bestimmt den LCP-Wert. Optimierte Bilder sind der direkteste Hebel, um diesen Wert zu verbessern.

Alle drei Schritte erledigst du mit den BiGimg-Tools direkt im Browser - ohne Upload, auch für ganze Bildersets im Stapel.