Warum Bildgröße im Web zählt
Bilder machen auf den meisten Websites den größten Teil der übertragenen Datenmenge aus. Ein unkomprimiertes Foto direkt aus der Kamera kann mehrere Megabyte wiegen, und jedes dieser Megabyte muss der Besucher herunterladen, bevor die Seite vollständig sichtbar ist. Die Folge sind lange Ladezeiten, ungeduldige Nutzer und schlechtere Bewertungen bei der Suchmaschine, die Ladegeschwindigkeit als Rankingfaktor berücksichtigt.
Die gute Nachricht: Man kann Bilder deutlich verkleinern, ohne dass es im Browser auffällt. Der Schlüssel liegt darin, die richtige Kompression und das passende Format zu wählen.
Verlustbehaftet oder verlustfrei?
Bei der Bildkompression unterscheidet man zwei Ansätze. Verlustfreie Kompression behält jedes Pixel exakt bei und spart Platz nur durch cleveres Codieren, das Ergebnis ist identisch zum Original, die Ersparnis aber begrenzt. Verlustbehaftete Kompression wirft gezielt Bildinformationen weg, die das Auge ohnehin kaum wahrnimmt. Bei Fotos lässt sich so die Dateigröße um 60 bis 80 Prozent senken, ohne dass ein sichtbarer Unterschied bleibt.
Für Fotos auf Websites ist die verlustbehaftete Variante fast immer die richtige Wahl. Mit Bilder komprimieren lässt sich der Kompressionsgrad einstellen und das Ergebnis direkt mit dem Original vergleichen, die Arbeit passiert komplett im Browser, die Bilder werden nicht hochgeladen. Dasselbe Prinzip gilt für PDF-Dateien, wie man die ohne sichtbaren Qualitätsverlust verkleinert, zeigt der Beitrag PDF verkleinern ohne Qualitätsverlust.
Das richtige Format wählen
JPG für Fotos
Für Fotos mit vielen Farben und weichen Übergängen ist JPG seit Jahren der Standard. Es komprimiert genau solche Bilder effizient.
WebP für noch kleinere Dateien
Das modernere Format WebP liefert bei vergleichbarer Qualität oft noch einmal spürbar kleinere Dateien als JPG und wird heute von allen gängigen Browsern unterstützt. Wer bestehende Fotos umstellen möchte, wandelt sie mit JPG zu WebP um. Sollte ein Empfänger ein WebP-Bild einmal nicht öffnen können, geht der Weg über WebP zu JPG ebenso einfach wieder zurück.
Ein praktischer Workflow
Für die Bildvorbereitung einer Website hat sich folgendes Vorgehen bewährt:
- Das Bild zuerst auf die tatsächlich benötigte Anzeigegröße bringen, ein Foto, das nur 800 Pixel breit dargestellt wird, muss nicht in 4000 Pixel Breite ausgeliefert werden.
- Anschließend komprimieren und dabei das Ergebnis prüfen, bis ein guter Kompromiss aus Größe und Qualität erreicht ist.
- Bei Bedarf ins WebP-Format umwandeln, um die letzten Kilobyte zu sparen.
Was man nicht übertreiben sollte
Kompression ist ein Balanceakt. Wer den Regler zu weit dreht, erzeugt sichtbare Artefakte, fleckige Flächen und unsaubere Kanten. Gerade bei Bildern mit Text oder feinen Linien fällt das schnell auf. Deshalb lohnt der direkte Vorher-Nachher-Vergleich: Erst wenn ein Unterschied erkennbar wird, ist man einen Schritt zu weit gegangen.
Fazit
Schnell ladende Websites beginnen bei den Bildern. Mit Bilder komprimieren lassen sich Fotos verlustarm verkleinern, mit JPG zu WebP in ein besonders sparsames Format überführen, beides kostenlos und ohne dass die Bilder den eigenen Rechner verlassen. Wer beides kombiniert, halbiert die Ladezeit seiner Bildinhalte oft mühelos. Geht es nicht um die Website, sondern um den Versand großer Dateien, hilft der Beitrag Große PDFs per E-Mail versenden weiter.