Wie man die Bilddateigröße reduziert, ohne die Qualität zu beeinträchtigen
Vollständiger Leitfaden zur Reduzierung der Bilddateigröße für das Web – Formatwahl, JPEG-Qualitätseinstellungen, WebP-Konvertierung, Metadatenentfernung und ein praktischer 5-Schritte-Workflow.
PixConvert Team
So reduzieren Sie die Bilddateigröße ohne Qualitätsverlust
Bilder machen den größten Anteil der Dateigröße auf den meisten Webseiten aus – typischerweise 50–70 % des gesamten Seiteninhalts. Zu große Bilder verlangsamen die Ladezeiten, verschlechtern die Ergebnisse der Core Web Vitals (insbesondere Largest Contentful Paint), verschwenden CDN-Bandbreite und belegen unnötig Speicherplatz. Die gute Nachricht: Die Dateigröße von Bildern lässt sich durch die richtige Kombination aus Formatwahl, Qualitätseinstellungen und Komprimierung drastisch reduzieren, ohne dass sichtbare Qualitätseinbußen auftreten.
Warum die Dateigröße mehr als nur die Geschwindigkeit beeinflusst
Wichtige Web Vitals und SEO: Googles LCP-Wert (Largest Contentful Paint) wird fast immer durch ein großes Hero-Bild verursacht. Ein schlecht optimiertes 2-MB-Hero-Bild kann den LCP-Wert auf über 4 Sekunden treiben – und damit deutlich in den Bereich „Schlecht“. Eine optimierte 200-KB-Version desselben Bildes erreicht hingegen regelmäßig Werte unter 2,5 Sekunden.
Speicher- und Bandbreitenkosten: Bei großen Datenmengen führen unoptimierte Bilder direkt zu höheren CDN- und Speicherkosten. Eine Website mit 1 Million Bildaufrufen pro Tag und einer durchschnittlichen Bildgröße von 500 KB benötigt täglich 500 GB Bandbreite. Reduziert man die durchschnittliche Bildgröße auf 150 KB, spart man 350 GB pro Tag.
Mobilnutzer: Ein erheblicher Teil des Webverkehrs läuft über mobile Verbindungen, oft 4G oder langsamer. Eine 3 MB große Produktgalerie, die über Breitband problemlos lädt, benötigt bei einer überlasteten 4G-Verbindung mehr als 6 Sekunden.
Schritt 1: Wählen Sie zuerst das richtige Format.
Die Wahl des Formats führt zu den größten Einsparungen bei der Dateigröße – oft um 40–70 % noch vor jeglicher Qualitätsanpassung.
Für Fotos (Farbverläufe, komplexe Farben): JPG ist der Standard – gute Komprimierung für Fotos WebP reduziert die JPG-Datei bei gleicher Qualität um 25–35 %. AVIF reduziert JPG-Dateien bei gleicher Qualität um 40–55 %.
Für Grafiken, Logos und Screenshots (scharfe Kanten, flächige Farben):
- PNG ist die verlustfreie Basislinie WebP verlustfrei ist etwa 26 % kleiner als PNG.
- Vermeiden Sie die Verwendung von JPG für Grafiken – die Kompressionsartefakte an scharfen Kanten sind sichtbar und die Dateien sind ohnehin oft größer als PNG-Dateien.
Praktische Regel: Wenn Sie im Jahr 2026 Fotos auf einer Website verwenden und immer noch ausschließlich JPG nutzen, ist der Wechsel zu WebP mit dem JPG zu WebP Konverter von PixConvert die wirkungsvollste Maßnahme, die Sie ergreifen können. Sie erhalten 25–35 % kleinere Dateien ohne jeglichen Qualitätsverlust.
Schritt 2: Die richtige JPEG-Qualitätsstufe einstellen
Die JPEG-Qualität wird auf einer Skala von 1 bis 100 angegeben. Die meisten Bildbearbeitungsprogramme verwenden standardmäßig einen Wert von 90–95, wodurch Dateien entstehen, die viel größer sind als nötig, ohne dass ein wahrnehmbarer Qualitätsvorteil erkennbar ist.
Der optimale Bereich für die Webnutzung liegt bei 75–85 %.
Folgendes passiert bei unterschiedlichen Qualitätsstufen für ein typisches Foto:
| Qualitätseinstellungen | Typische Dateigröße | Visuelles Ergebnis |
|---|---|---|
| 95 | 850 KB | Nahezu verlustfrei, vom Original nicht zu unterscheiden |
| 85 | 430 KB | Kein sichtbarer Unterschied bei normaler Betrachtung |
| 75 | 260 KB | Sehr geringfügige Artefakte, in normaler Größe unsichtbar |
| 60 | 150 KB | Bei genauer Betrachtung sind leichte Artefakte sichtbar |
| 50 | 100 KB | Sichtbare Artefakte an Kanten und Farbverläufen |
Durch die Reduzierung der Qualität von 95 (Standardeinstellung in vielen Programmen) auf 80 halbiert sich die Dateigröße annähernd, ohne dass bei normaler Webdarstellung auf dem Bildschirm ein sichtbarer Unterschied erkennbar ist. Für die meisten Webbilder gilt 80 % als professioneller Standard.
Verwenden Sie den Bildkompressor von PixConvert, um JPEG-Bilder mit optimalen Qualitätseinstellungen zu komprimieren – die Verarbeitung erfolgt lokal in Ihrem Browser, sodass große Dateien ohne Upload-Verzögerungen komprimiert werden.
Schritt 3: Konvertierung in WebP oder AVIF
Nachdem Sie die richtige Qualitätsstufe für Ihr aktuelles Format festgelegt haben, erzielen Sie durch die Konvertierung zu WebP oder AVIF darüber hinaus weitere Einsparungen.
WebP: Spart zusätzlich 25–35 % im Vergleich zu einem bereits gut optimierten JPG. Ein 300 KB großes JPEG mit einer Qualität von 80 reduziert sich als WebP bei gleicher Qualität typischerweise auf 190–230 KB.
AVIF: Spart im Vergleich zu WebP weitere 20–50 % Speicherplatz. Dasselbe Bild könnte als AVIF-Datei eine Größe von 120–160 KB haben.
Die Konvertierung von PNG-Grafiken in WebP (verlustfrei) spart in der Regel 26 % Speicherplatz ohne Qualitätsverlust. Nutzen Sie die Konverter PNG zu WebP oder JPG zu WebP von PixConvert – beide laufen direkt im Browser.
Schritt 4: EXIF-Metadaten entfernen
Jede mit einer Kamera oder einem Smartphone aufgenommene JPG- oder PNG-Datei enthält EXIF-Metadaten – GPS-Koordinaten, Kameramodell, Objektivinformationen, Aufnahmeeinstellungen und oft ein vollständiges eingebettetes Vorschaubild des Originalbildes. Diese Metadaten können die Dateigröße um 10–100 KB erhöhen; die Datei wird ohne sie identisch angezeigt.
Bei Produktfotos oder Blogbildern auf einer Website gibt es keinen Grund, Besuchern diese Metadaten anzuzeigen. Das Entfernen dieser Metadaten ist rein vorteilhaft: kleinere Datei, keine visuelle Veränderung und kein Datenschutzrisiko (insbesondere keine GPS-Koordinaten).
Der Bildkomprimierer von PixConvert entfernt EXIF-Metadaten automatisch während der Komprimierung. Sie benötigen kein separates Tool oder einen zusätzlichen Arbeitsschritt.
Schritt 5: Vor dem Komprimieren die Größe anpassen
Durch Komprimierung wird die Datenmenge pro Pixel reduziert. Durch Skalierung wird die Anzahl der Pixel verringert. Beides ist wichtig, und Sie sollten immer beides tun – zuerst skalieren, dann komprimieren.
Wenn ein Bild auf Ihrer Website mit einer maximalen Breite von 800 Pixeln angezeigt wird, ist das Ausliefern einer 4000 Pixel breiten Version – unabhängig von der Komprimierung – speicherintensiv. Ein 4000 Pixel breites Bild mit einer Qualität von 80 kann etwa 400 KB groß sein. Dasselbe Foto, auf 800 Pixel zugeschnitten und ebenfalls in Qualität 80, benötigt hingegen nur 60–90 KB – eine Reduzierung um das Vier- bis Sechsfache allein durch das Entfernen von Pixeln, die ohnehin nicht angezeigt würden.
Praktische Größen für gängige Web-Anwendungsfälle:
- Hero-Banner: Maximal 1920px breit (1440px ist für die meisten Websites ausreichend)
- Blogbeitragsbild im Text: 800–1200 Pixel breit
- Produktminiaturansicht: 400–600px
- Bild zum Teilen in sozialen Medien: 1200x630px (OG-Bildstandard)
- Profilbild/Avatar: 256 Pixel sind in der Regel ausreichend.
Verwenden Sie den Bildskalierer von PixConvert immer vor dem Komprimieren, nicht danach. Komprimieren und anschließendes Skalieren erzwingt eine erneute Komprimierung und kann Artefakte erneut verursachen.
Der 5-stufige Optimierungs-Workflow
Gehen Sie bei jedem Bild, das auf einer Website oder in einer App angezeigt werden soll, wie folgt vor:
- Überprüfen Sie die Quellabmessungen – ist das Bild größer als das, was Sie anzeigen möchten? Wenn ja, skalieren Sie es auf die Anzeigeabmessungen (oder 2x für Retina).
- Wählen Sie das richtige Format – Foto? Verwenden Sie JPG/WebP. Grafik mit Transparenz? Verwenden Sie verlustfreies PNG/WebP.
- Komprimieren Sie in der richtigen Qualität – Fotos: 75–85 % Qualität. WebP: Schieberegler für vergleichbare Qualität.
- Metadaten entfernen — EXIF-Daten, Farbprofile jenseits von sRGB und eingebettete Miniaturansichten entfernen.
- Ergebnis überprüfen – Öffnen Sie das komprimierte Bild in 100%iger Vergrößerung. Wenn kein Qualitätsverlust erkennbar ist, war die Komprimierung erfolgreich.
Wann man NICHT komprimieren sollte
Komprimierung ist nicht immer die beste Wahl. Erhalten Sie die volle Qualität für:
Archiv- und Quelldateien: Komprimieren Sie niemals Ihre originalen RAW-Dateien oder hochauflösenden PNG/TIFF-Masterdateien. Diese sind Ihre maßgebliche Quelle für zukünftige Bearbeitungen. Bewahren Sie Originale getrennt von weboptimierten Exporten auf.
Druckdateien: Für den Druck werden 300 dpi und CMYK-Farbprofile benötigt. Eine aggressive Webkomprimierung der Druckdatei führt zu unbrauchbaren Druckergebnissen.
Rechtliche oder medizinische Bilder: Medizinische Bildgebung (Röntgenaufnahmen, Scans) und Bilder für juristische Dokumente unterliegen oft strengen Anforderungen, die verlustbehaftete Komprimierung verbieten. Verwenden Sie ausschließlich verlustfreie Formate.
Wenn das komprimierte Ergebnis nicht kleiner ist: Gelegentlich erzeugt ein stark komprimiertes JPG eine größere PNG-Datei – beispielsweise ein kleines Symbol mit wenigen Farben. Überprüfen Sie beide Optionen und behalten Sie die kleinere Datei.
Zusammenfassung
Die größten Einsparungen lassen sich durch drei Maßnahmen erzielen: die Wahl des richtigen Formats (WebP statt JPG), die Festlegung einer angemessenen Qualitätsstufe (75–85 % für Fotos) und die Anpassung der Bildgröße an die Anzeigeabmessungen. Zusammengenommen reduzieren diese drei Schritte die Dateigröße von Webbildern typischerweise um 60–80 % – ohne sichtbaren Qualitätsverlust.
Nutzen Sie zunächst den kostenlosen Bildkomprimierer von PixConvert für Fotos und anschließend PNG zu WebP oder JPG zu WebP für die Formatkonvertierung. Die gesamte Verarbeitung erfolgt direkt im Browser – kein Upload, keine Dateibegrenzung.