Bildkomprimierung & Konvertierung: WebP, JPEG und PNG erklärt
Bilder machen 50–80% der gesamten Dateigröße einer typischen Webseite aus. Die Wahl des richtigen Formats und der richtigen Komprimierungsstufe ist eine der wirksamsten Performance-Optimierungen, die du vornehmen kannst — mit direktem Einfluss auf Core Web Vitals, PageSpeed-Scores und letztlich dein Google-Ranking. Unser kostenloses Tool läuft vollständig in deinem Browser über die Canvas API, sodass kein Bild jemals dein Gerät verlässt.
WebP: Der moderne Web-Standard
WebP wurde von Google entwickelt und wird inzwischen von allen modernen Browsern unterstützt (Chrome, Firefox, Safari 14+, Edge). Es liefert deutlich kleinere Dateigrößen im Vergleich zu JPEG und PNG bei vergleichbarer oder besserer visueller Qualität. Für Fotos und komplexe Bilder spart WebP mit Verlustbehafteter Komprimierung typischerweise 25–35% gegenüber JPEG bei gleicher Qualitätsstufe. Für Bilder mit Transparenz übertrifft es PNG um einen noch größeren Unterschied — oft 50% oder mehr.
Wann WebP verwenden
- Alle Web-Bilder, bei denen Browser-Kompatibilität mit modernen Browsern ausreicht
- Produktbilder in E-Commerce-Shops
- Blog-Post-Hero-Bilder und Artikel-Thumbnails
- Bilder, die Transparenz benötigen (ersetzt PNG)
- Wenn du die kleinstmögliche Dateigröße ohne sichtbaren Qualitätsverlust benötigst
JPEG vs PNG: Wann welches Format verwenden
- · Fotos und komplexe Bilder mit Verläufen
- · Bilder, bei denen kleine Transparenzbereiche keine Rolle spielen
- · Wenn maximale Kompatibilität benötigt wird (alte Browser, E-Mail-Clients)
- · Hintergrundbilder mit vielen Farben
Verlustbehaftete Komprimierung — kleiner Qualitätsverlust akzeptabel
- · Logos, Icons und Illustrationen mit scharfen Kanten
- · Screenshots und UI-Elemente
- · Bilder, die volle Transparenz erfordern (Alpha-Kanal)
- · Bilder mit Text, der pixelscharf bleiben muss
Verlustfrei — kein Qualitätsverlust, aber größere Dateien
Wie Komprimierungsqualität die Dateigröße beeinflusst
Der Qualitäts-Schieberegler steuert den Kompromiss zwischen visueller Qualität und Dateigröße. Ein Qualitätswert von 80 ist der branchenübliche "Sweet Spot" — Dateien sind etwa 60–70% kleiner als das Original, während der Qualitätsverlust für das menschliche Auge kaum wahrnehmbar ist. Für die meisten Web-Anwendungsfälle sind Qualitätswerte zwischen 70–85 optimal.
Maximum
90–100
Nahezu verlustfrei, große Dateien
Hoch
75–89
Optimal für Web (empfohlen)
Mittel
50–74
Gute Komprimierung, leichter Verlust
Niedrig
1–49
Höchste Einsparung, sichtbare Artefakte
Warum Bildoptimierung für SEO wichtig ist
Googles Core Web Vitals umfassen den Largest Contentful Paint (LCP) — der misst, wie schnell das Hauptbild einer Seite lädt. Nicht optimierte Bilder sind die häufigste Ursache für schlechte LCP-Scores. Durch die Konvertierung von Bildern in WebP und entsprechende Komprimierung kannst du deine Seitenladegeschwindigkeit dramatisch verbessern, was direkt die Google-Rankings und User-Experience-Metriken beeinflusst.
LCP-Verbesserung
Kleinere Bilder laden schneller und verbessern deinen Largest Contentful Paint Score — eines von Googles Top-3-Ranking-Signalen.
Bandbreiteneinsparungen
Besucher mit mobilen Verbindungen profitieren am meisten. Schnellere Ladezeiten bedeuten niedrigere Absprungraten und mehr Conversions.
Serverkosten
Kleinere Bilddateien bedeuten weniger verbrauchte Bandbreite — niedrigere Hosting-Kosten und schnellere CDN-Auslieferung.
Weitere kostenlose Tools
Häufig gestellte Fragen zum Bild-Komprimierungstool
Werden meine Bilder auf einen Server hochgeladen?
Nein. Die gesamte Komprimierung und Konvertierung erfolgt 100% in deinem Browser über die Canvas API. Deine Bilder verlassen niemals dein Gerät und werden nirgendwo gespeichert. Das macht das Tool vollständig privat und funktioniert sogar offline.
Was ist der Unterschied zwischen verlustbehafteter und verlustfreier Komprimierung?
Verlustbehaftete Komprimierung (verwendet von JPEG und WebP im Verlustmodus) reduziert die Dateigröße durch dauerhaftes Verwerfen einiger Bilddaten. Der Qualitätsverlust ist bei Einstellungen von 75–85 meist nicht wahrnehmbar. Verlustfreie Komprimierung (PNG und WebP verlustfrei) reduziert die Dateigröße ohne Qualitätsverlust, führt aber zu größeren Dateien als verlustbehaftete Komprimierung.
Warum wird PNG manchmal nach der Konvertierung größer?
PNG verwendet verlustfreie Komprimierung, daher führt die Konvertierung von JPEG (das bereits Daten verwirft) zu PNG zu einer größeren Datei, weil PNG alle Pixeldaten perfekt speichert. Für Fotos immer WebP oder JPEG gegenüber PNG bevorzugen.
Welche Qualitätseinstellung sollte ich für Webseiten verwenden?
Für WebP und JPEG ist Qualität 75–85 der empfohlene Bereich für Web-Nutzung. Bei 80 (dem Standard) sind Dateien typischerweise 60–70% kleiner als das Original ohne wahrnehmbare Qualitätsunterschiede. Unter 60 nur gehen, wenn Thumbnail- oder Vorschaubilder akzeptabel sind.