Bilder für das Web optimieren: Komprimierung, Größe und Formate

Bilder sind die schwersten Assets fast jeder Webseite und verantworten oft über 50 % der geladenen Bytes. Die Optimierung von Bildern ist der größte Leistungsgewinn für die meisten Websites. Dieser Leitfaden erklärt Komprimierung, Größenanpassung und Formatwahl.

Warum die Größe zählt

Große Bilder verzögern das Rendering, verbrauchen mobile Daten und verschlechtern die Suchmaschinenplatzierung. Core Web Vitals belohnen richtig dimensionierte und komprimierte Bilder.

Komprimierung: Qualität vs. Dateigröße

• Verlustbehaftet (JPEG, WebP): verwirft Details; ideal ab Qualität 70–85.
• Verlustfrei (PNG): behält jedes Pixel; für Screenshots und Text.

Fotos wandeln Sie in stark komprimiertes WebP, Grafiken mit Text bleiben in PNG. Komprimierung im Browser läuft lokal — Ihre Bilder verlassen nie Ihr Gerät.

Das richtige Format

Fünf Schritte zur Optimierung

1. Größe anpassen auf die maximale Anzeigebreite.
2. Format wählen nach Inhaltstyp.
3. Komprimieren ab Qualität 80 nachjustieren.
4. Vorschau und mit dem Original vergleichen.
5. Exportieren und einbinden.

Optimierung mit Convrs

Convrs bietet Bildkompressor, Resizer, JPG→WebP und WebP→PNG — alle im Browser via WebAssembly, ohne Upload und ohne Dateilimit.