Bilder für das Web optimieren

Bildoptimierung bedeutet, die kleinstmögliche Datei zu liefern, die für den Betrachter noch gut aussieht. Das ist wichtig, weil Bilder meist der schwerste Teil einer Webseite sind: Sie zu optimieren ist das Wirksamste, was die meisten tun können, um eine Seite schneller zu laden — was Nutzererfahrung, Suchranking und Bandbreitenkosten verbessert.

Mit den richtigen Abmessungen beginnen

Der häufigste Fehler ist, ein Bild viel größer auszuliefern, als es je angezeigt wird. Ein Foto, das 800 Pixel breit erscheint, gewinnt nichts dadurch, mit 4000 Pixeln gespeichert zu werden — es verschwendet nur Bandbreite. Verkleinere Bilder zuerst auf die größte tatsächlich angezeigte Größe, eventuell verdoppelt für Retina-Bildschirme.

Das richtige Format wählen

Für Fotos bietet WEBP bei Qualität 75–85 meist die beste Balance, mit JPG als Fallback. Für Grafiken mit Text, scharfen Kanten oder Transparenz ist PNG oder verlustfreies WEBP passend. Das Format zum Inhalt passend zu wählen ist die halbe Miete.

Die Qualität einstellen

Qualität ist ein Regler, kein Schalter. Der Unterschied zwischen Qualität 100 und 85 ist meist unsichtbar, kann aber die Dateigröße halbieren. Zwischen 85 und 70 tauschst du sichtbare Qualität gegen Größe; unter 70 werden Artefakte bemerkbar. Der ideale Bereich fürs Web ist meist 75–85. Der einzige Weg, es für ein konkretes Bild zu wissen: komprimieren und ansehen — was das Komprimierungstool hier interaktiv erlaubt.

Unnötige Metadaten entfernen

Fotos direkt von Kamera oder Telefon tragen Metadaten: Modell, Einstellungen und oft GPS-Koordinaten. Diese Daten erhöhen das Gewicht und können private Informationen preisgeben, etwa wo ein Foto aufgenommen wurde. Das Neukodieren über einen Konverter entfernt diese Metadaten meist und macht die Datei kleiner und privater.

Das Ergebnis testen

Optimierung ist empirisch. Komprimiere, vergleiche mit dem Original in Anzeigegröße und passe an. Ein gutes Ziel für ein bildbreites Webfoto ist deutlich unter 200 KB; viele schaffen unter 100 KB ohne sichtbaren Verlust. Die Tools dieser Seite erlauben diesen Prozess in Sekunden, vollständig im Browser.