Bildgröße reduzieren ohne Qualitätsverlust: So geht's
Leitfaden zur Reduzierung der Bilddateigröße fürs Web: Formatwahl, JPEG-Qualität, WebP-Konvertierung, Metadaten entfernen und ein 5-Schritte-Workflow.
PixConvert Team
So reduzieren Sie die Bilddateigröße, ohne Qualität zu verlieren
Bilder machen auf den meisten Webseiten den größten Anteil der übertragenen Daten aus – typischerweise 50–70 % des gesamten Seitengewichts. Überdimensionierte Bilder verlangsamen die Ladezeiten, verschlechtern die Core-Web-Vitals-Werte (insbesondere Largest Contentful Paint), verschwenden CDN-Bandbreite und belegen unnötig Speicherplatz. Die gute Nachricht: Die Dateigröße von Bildern lässt sich drastisch reduzieren, ohne dass ein Qualitätsverlust sichtbar wird – mit der richtigen Kombination aus Formatwahl, Qualitätseinstellungen und Komprimierung.
Warum die Dateigröße nicht nur für die Geschwindigkeit wichtig ist
Core Web Vitals und SEO: Googles LCP-Metrik (Largest Contentful Paint) wird fast immer durch ein großes Hero-Bild verursacht. Ein schlecht optimiertes 2-MB-Hero-Bild kann den LCP über 4 Sekunden treiben – weit in den Bereich „Schlecht“. Eine optimierte Version desselben Bildes mit 200 KB erreicht regelmäßig Werte unter 2,5 Sekunden.
Speicher- und Bandbreitenkosten: Bei großem Datenvolumen schlagen sich unoptimierte Bilder direkt in höheren CDN- und Speicherrechnungen nieder. Eine Website mit 1 Million Bildaufrufen pro Tag und einer durchschnittlichen Bildgröße von 500 KB verbraucht täglich 500 GB Bandbreite. Senken Sie den Durchschnitt auf 150 KB, sparen Sie 350 GB pro Tag.
Mobile Nutzer: Ein erheblicher Teil des Web-Traffics läuft über mobile Verbindungen, oft 4G oder langsamer. Eine 3 MB große Produktgalerie, die über Breitband problemlos lädt, braucht auf einer überlasteten 4G-Verbindung mehr als 6 Sekunden.
Schritt 1: Wählen Sie zuerst das richtige Format
Die Formatwahl bringt die größten Einsparungen bei der Dateigröße – oft 40–70 % Reduzierung, noch bevor Sie die Qualität anpassen.
Für Fotografien (Verläufe, komplexe Farben):
- JPG ist die Basis – gute Komprimierung für Fotos
- WebP reduziert JPG bei gleichwertiger Qualität um 25–35 %
- AVIF reduziert JPG bei gleichwertiger Qualität um 40–55 %
Für Grafiken, Logos und Screenshots (scharfe Kanten, flache Farben):
- PNG ist die verlustfreie Basis
- Verlustfreies WebP ist ca. 26 % kleiner als PNG
- Vermeiden Sie JPG für Grafiken – die Kompressionsartefakte an scharfen Kanten sind sichtbar, und die Dateien sind oft ohnehin größer als PNG
Praktische Faustregel: Wenn Sie 2026 Fotografien auf einer Website ausliefern und noch ausschließlich JPG verwenden, ist der Wechsel zu WebP mit dem JPG-zu-WebP-Konverter von PixConvert die wirkungsvollste einzelne Änderung, die Sie vornehmen können. Sie erhalten 25–35 % kleinere Dateien ohne jeden sichtbaren Qualitätsunterschied.
Schritt 2: Stellen Sie die richtige JPEG-Qualitätsstufe ein
Die JPEG-Qualität ist eine Skala von 1 bis 100. Die meisten Bildbearbeitungsprogramme verwenden standardmäßig 90–95, was Dateien erzeugt, die viel größer sind als nötig, und das ohne wahrnehmbaren Qualitätsvorteil.
Der ideale Bereich für die Webnutzung liegt bei 75–85 %.
So wirken sich unterschiedliche Qualitätsstufen bei einer typischen Fotografie aus:
| Qualitätseinstellung | 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 geringe Artefakte, bei normalen Größen unsichtbar |
| 60 | 150 KB | Leichte Artefakte bei genauer Betrachtung sichtbar |
| 50 | 100 KB | Deutliche Artefakte an Kanten und Verläufen |
Wenn Sie von Qualität 95 (bei vielen Tools der Standard) auf Qualität 80 gehen, halbiert sich die Dateigröße ungefähr, ohne dass bei normaler Bildschirmdarstellung im Web ein Unterschied sichtbar ist. Für die meisten Webbilder ist 80 % der professionelle Standard.
Nutzen Sie den Bildkompressor von PixConvert, um JPEG-Bilder mit optimalen Qualitätseinstellungen zu komprimieren – die Verarbeitung erfolgt lokal in Ihrem Browser, sodass auch große Dateien ohne Upload-Wartezeiten komprimiert werden.
Schritt 3: In WebP oder AVIF konvertieren
Nachdem Sie die richtige Qualitätsstufe für Ihr aktuelles Format eingestellt haben, bringt die Konvertierung in WebP oder AVIF zusätzliche Einsparungen.
WebP: Spart im Vergleich zu einem bereits gut optimierten JPG weitere 25–35 %. Ein 300 KB großes JPEG mit Qualität 80 wird bei gleichwertiger Qualität typischerweise zu einer WebP-Datei mit 190–230 KB.
AVIF: Spart im Vergleich zu WebP weitere 20–50 %. Dasselbe Bild kann als AVIF bei 120–160 KB landen.
Die Konvertierung von PNG-Grafiken in WebP (verlustfreier Modus) spart typischerweise 26 % ganz ohne Qualitätsverlust. Konvertieren Sie mit den Konvertern PNG zu WebP oder JPG zu WebP von PixConvert – beide laufen vollständig in Ihrem Browser.
Schritt 4: EXIF-Metadaten entfernen
Jedes JPG oder PNG, das von einer Kamera oder einem Smartphone aufgenommen wurde, enthält EXIF-Metadaten – GPS-Koordinaten, Kameramodell, Objektivinformationen, Aufnahmeeinstellungen und oft eine vollständige eingebettete Miniaturansicht des Originalbilds. Diese Metadaten können eine Datei um 10–100 KB vergrößern, obwohl sie ohne sie identisch dargestellt wird.
Bei einem Produktfoto oder Blogbild auf einer Website gibt es keinen Grund, diese Metadaten an Besucher auszuliefern. Das Entfernen ist ausschließlich von Vorteil: kleinere Datei, keine sichtbare Veränderung und ein beseitigtes Datenschutzrisiko (insbesondere bei GPS-Koordinaten).
Der Bildkompressor von PixConvert entfernt EXIF-Metadaten bei der Komprimierung automatisch. Sie benötigen dafür kein separates Tool und keinen zusätzlichen Schritt.
Schritt 5: Vor dem Komprimieren die Größe anpassen
Die Komprimierung reduziert die Datenmenge pro Pixel. Die Größenanpassung reduziert die Anzahl der Pixel. Beides ist wichtig, und Sie sollten immer beides tun – erst die Größe anpassen, dann komprimieren.
Wenn ein Bild auf Ihrer Website mit einer maximalen Breite von 800 px angezeigt wird, ist es Verschwendung, eine 4000 px breite Version auszuliefern, unabhängig davon, wie gut sie komprimiert ist. Ein 4000 px breites Bild mit Qualität 80 kann 400 KB groß sein. Dasselbe Foto auf 800 px zugeschnitten und mit Qualität 80 hat vielleicht 60–90 KB – eine 4- bis 6-fache Reduzierung allein dadurch, dass Pixel entfallen, die Sie ohnehin nie angezeigt hätten.
Praktische Größen für gängige Web-Anwendungsfälle:
- Hero-Banner: maximal 1920 px breit (1440 px reichen für die meisten Websites)
- Inline-Bild in Blogbeiträgen: 800–1200 px breit
- Produkt-Vorschaubild: 400–600 px
- Bild zum Teilen in sozialen Medien: 1200x630 px (OG-Bild-Standard)
- Profil-/Avatarbild: 256 px reichen in der Regel aus
Verwenden Sie den Bildgrößen-Konverter von PixConvert immer vor dem Komprimieren, nicht danach. Wenn Sie erst komprimieren und dann die Größe anpassen, erzwingt das eine erneute Komprimierung und kann Artefakte erneut hervorrufen.
Der 5-Schritte-Optimierungsablauf
Gehen Sie bei jedem Bild, das für eine Website oder App bestimmt ist, in dieser Reihenfolge vor:
- Prüfen Sie die Ausgangsabmessungen – ist das Bild größer, als Sie es anzeigen müssen? Wenn ja, passen Sie die Größe an die Anzeigeabmessungen an (oder auf das Doppelte für Retina-Displays).
- Wählen Sie das richtige Format – Foto? Verwenden Sie JPG/WebP. Grafik mit Transparenz? Verwenden Sie PNG/verlustfreies WebP.
- Komprimieren Sie mit der richtigen Qualität – Fotos: 75–85 % Qualität. WebP: der entsprechende Qualitätsregler.
- Entfernen Sie die Metadaten – löschen Sie EXIF-Daten, Farbprofile außer sRGB und eingebettete Miniaturansichten.
- Überprüfen Sie das Ergebnis – öffnen Sie das komprimierte Bild bei 100 % Zoom. Wenn Sie keinen Qualitätsverlust erkennen können, war die Komprimierung erfolgreich.
Wann Sie NICHT komprimieren sollten
Komprimierung ist nicht immer die richtige Wahl. Bewahren Sie die volle Qualität bei folgenden Dateien:
Archiv- und Quelldateien: Komprimieren Sie niemals Ihre originalen RAW-Dateien oder hochauflösenden PNG-/TIFF-Master. Sie sind Ihre maßgebliche Quelle für zukünftige Bearbeitungen. Bewahren Sie Originale getrennt von webtauglichen Exporten auf.
Dateien für die Druckproduktion: Der Druck erfordert 300 DPI und CMYK-Farbprofile. Eine aggressive Web-Komprimierung einer Druckdatei führt zu inakzeptablen Ergebnissen im Druck.
Juristische oder medizinische Bilder: Für medizinische Bildgebung (Röntgenaufnahmen, Scans) und Bilder juristischer Dokumente gelten oft strenge Vorgaben, die verlustbehaftete Komprimierung verbieten. Verwenden Sie ausschließlich verlustfreie Formate.
Wenn das komprimierte Ergebnis nicht tatsächlich kleiner ist: Gelegentlich ergibt ein stark komprimiertes JPG eine größere Datei als ein PNG – zum Beispiel bei einem winzigen Symbol mit wenigen Farben. Prüfen Sie beide Optionen und behalten Sie die kleinere.
Zusammenfassung
Die größten Einsparungen ergeben sich aus drei Maßnahmen: der Wahl des richtigen Formats (WebP statt JPG), einer angemessenen Qualitätsstufe (75–85 % für Fotos) und der Anpassung der Bildgröße an die Anzeigeabmessungen. Zusammen reduzieren diese drei Schritte die Dateigröße von Webbildern typischerweise um 60–80 %, ohne sichtbaren Qualitätsunterschied.
Beginnen Sie mit dem kostenlosen Bildkompressor von PixConvert für Fotos und mit PNG zu WebP oder JPG zu WebP für die Formatkonvertierung. Die gesamte Verarbeitung findet in Ihrem Browser statt – keine Uploads, keine Begrenzung der Dateianzahl.