Bilder für die Website optimieren: Größe, Format und Qualität

Kurz gesagt: Um ein Bild für das Web zu optimieren, (1) verkleinern Sie es auf die Größe, in der es tatsächlich angezeigt wird, (2) speichern Sie es in einem effizienten Format wie WebP, (3) nutzen Sie eine Qualität von etwa 75–85 % und (4) entfernen Sie Metadaten. Im Bildkomprimierer von Imgovo erledigen Sie all das in einem Schritt, und es wird nichts hochgeladen.

Warum das wichtig ist

Bilder sind oft der größte Teil einer Webseite. Große Bilder verlangsamen das Laden, was das Erlebnis der Besucher und die Leistung in der Suche beeinträchtigen kann. Googles Core Web Vitals messen den Largest Contentful Paint (LCP), und ein guter LCP liegt bei 2,5 Sekunden oder weniger. Auf vielen Seiten ist das LCP-Element ein Bild.

Kleinere Dateien verbrauchen außerdem weniger mobile Daten und Speicherplatz.

Die vier Stellschrauben

1. Abmessungen

Ein Foto mit 6000 × 4000 Pixeln, das 800 Pixel breit angezeigt wird, verschwendet die meisten seiner Pixel. Verkleinern Sie es auf etwa die angezeigte Breite, oder bis zu etwa die doppelte angezeigte Breite für scharfe Darstellung auf Bildschirmen mit hoher Pixeldichte.

Der Kompressor hat die Einstellung „Max. Breite / Höhe” mit Voreinstellungen: Originalgröße beibehalten, 3840, 2560, 1920, 1600, 1280, 1080, 800 und 640 px sowie benutzerdefiniert. Die Skalierung erfolgt proportional und vergrößert nie ein kleineres Bild.

2. Format

Dateiformat	Am besten für	Hinweise
JPG	Fotos	Funktioniert überall
WebP	Fotos und Grafiken	Kleine Dateien, von modernen Browsern breit unterstützt
AVIF	Fotos	Meist die kleinsten Dateien, aber das Kodieren ist langsamer und ältere Software öffnet es womöglich nicht
PNG	Screenshots, Logos, Grafiken, Transparenz	Verlustfrei; der Qualitätsregler gilt nicht, nur Verkleinern macht die Datei kleiner

Eine gute Kombination ist eine kleinere Größe (etwa 1920 px Breite) in WebP oder AVIF. Bei der Wahl hilft JPG, PNG, WebP und AVIF im Vergleich.

3. Qualität

Qualität	Verwendung
75–85%	Web und soziale Netzwerke
60–70%	Sehr kleine Dateien
Über 85 %	Drucken

JPG und WebP mit 70–85 % verkleinern Fotos typischerweise um etwa 50–80 %. Die Komprimierung ist bei JPG, WebP und AVIF nicht umkehrbar, selbst bei Qualität 100, bewahren Sie also Ihre Originaldateien auf.

4. Metadaten

Die Ausgabe des Kompressors enthält nur Pixeldaten, EXIF-Daten wie Kameradetails und GPS-Standort werden also entfernt. Das macht die Datei kleiner und schützt die Privatsphäre. Lesen Sie So entfernen Sie GPS-Standort und EXIF-Daten.

Schritt für Schritt im Bildkomprimierer

1. Öffnen Sie den Bildkomprimierer und fügen Sie ein oder mehrere Bilder per Ziehen und Ablegen, über die Dateiauswahl oder aus der Zwischenablage hinzu.
2. Wählen Sie Komprimieren nach: Qualität (Regler, Standard 80 %) oder Zieldateigröße (zum Beispiel 100 KB).
3. Legen Sie die maximale Breite oder Höhe fest.
4. Wählen Sie das Ausgabeformat: JPG, WebP, AVIF (als „kleinste” gekennzeichnet) oder PNG.
5. Vergleichen Sie die Vorschauen von Original und komprimiertem Bild nebeneinander.
6. Laden Sie das Ergebnis herunter. Ist die neue Datei größer als das Original, warnt Sie das Tool, und Sie können stattdessen das Original herunterladen.

Lässt sich das Dateigrößenlimit nicht erreichen, teilt das Tool das mit und liefert das kleinste mögliche Ergebnis. Zu kleinen Limits lesen Sie So komprimieren Sie ein Bild auf unter 100 KB.

Eine praktische Checkliste für Webbilder

• Erst verkleinern, dann komprimieren. Das Verringern der Abmessungen spart oft mehr als das Senken der Qualität.
• Das richtige Format wählen. Fotos: WebP oder AVIF, bei Bedarf mit JPG als Rückfalloption. Grafiken: PNG oder WebP.
• Vernünftige Größen anpeilen. Als Faustregel lassen sich viele Inhaltsfotos unter etwa 150 KB und große Titelbilder unter etwa 300 KB halten, aber das hängt vom Bild und vom Design ab. Prüfen Sie das Ergebnis mit eigenen Augen.
• Das Bild beschreiben. Fügen Sie einen aussagekräftigen Alternativtext und einen sprechenden Dateinamen hinzu, etwa rotes-fahrrad-an-der-wand.webp.
• Platz reservieren. Legen Sie Breite und Höhe in Ihrer Seite fest, damit das Layout beim Laden des Bildes nicht springt.
• Bilder unterhalb des sichtbaren Bereichs verzögert laden, aber nicht das Hauptbild oben auf der Seite.
• Originale aufbewahren, damit Sie später neue Versionen exportieren können.

Häufige Fehler

• Kameraoriginale hochladen. Ein 6-MB-Foto wird auf einer Webseite fast nie gebraucht.
• Dasselbe JPG immer wieder speichern. Jedes verlustbehaftete Speichern kann die Qualität mindern. Beginnen Sie immer beim Original.
• PNG für Fotos nutzen. Die Dateien sind viel größer als JPG oder WebP.
• Zu stark komprimieren. Unter etwa 60 % können Blöcke und Unschärfe sichtbar werden. Prüfen Sie die Vorschau.

Datenschutz

Die Komprimierung läuft in Ihrem Browser. Ihre Bilder werden nicht hochgeladen, und wie Imgovo mit Dateien umgeht, lesen Sie in Sind Online-Bildkonverter sicher?

Jetzt ausprobieren

Öffnen Sie den Bildkomprimierer, fügen Sie Ihr Bild hinzu und vergleichen Sie die Vorschau. Nur zum schnellen Verkleinern nutzen Sie Bildgröße ändern, zum Wechseln des Formats Bild konvertieren.