Bildgröße reduzieren: So geht’s

Große Bilddateien verlangsamen Websites, füllen Speicher unnötig und kosten Bandbreite. Doch Bilder zu verkleinern bedeutet nicht zwangsläufig, Qualität zu opfern. Mit den richtigen Techniken lassen sich Dateigrößen oft um 50–80 % reduzieren, ohne dass ein Unterschied sichtbar ist.

Warum die Bildgröße wichtig ist

Bilder sind der größte Posten auf den meisten Webseiten – oft machen sie 50–70 % des gesamten Seitengewichts aus. Das hat direkte Konsequenzen:

• Ladezeit: Jede Sekunde zählt – 53 % der mobilen Nutzer verlassen eine Seite, die länger als 3 Sekunden lädt
• Core Web Vitals: Google nutzt Ladezeit als Ranking-Faktor; große Bilder verschlechtern den LCP-Wert
• Datentarife: Mobile Nutzer zahlen für übertragene Daten
• Speicherkosten: Serverspeicher und CDN-Bandbreite kosten Geld
• E-Mail-Anhänge: Viele E-Mail-Provider begrenzen die Anhangsgröße

Die fünf Hauptmethoden zur Bildgrößenreduktion

1. Das richtige Format wählen

Oft ist das Format selbst das Problem. Ein Foto als PNG gespeichert kann zehnmal so groß sein wie dasselbe Foto als WebP oder JPG. Die Grundregel:

• Fotos → WebP (oder JPG als Fallback)
• Logos, Icons, Grafiken mit Transparenz → PNG oder SVG
• Einfache Vektorgrafiken → SVG

2. Komprimierung anwenden

Komprimierung reduziert die Dateisize, ohne die Pixelanzahl zu ändern. Es gibt zwei Arten:

• Verlustfreie Komprimierung: Alle Bildinformationen bleiben erhalten. Typische Einsparung: 10–30 %. Gut für PNG, Logos, Screenshots.
• Verlustbehaftete Komprimierung: Bilddaten werden dauerhaft entfernt. Einsparung: 40–80 % möglich. Gut für Fotos.

Bei Fotos gilt: Eine Qualitätsstufe von 75–85 % ist in der Regel vom Original kaum zu unterscheiden, aber erheblich kleiner.

3. Abmessungen anpassen

Ein häufiger Fehler: Ein 4000 × 3000 Pixel großes Foto wird auf einer Website hochgeladen, aber nur mit 800 × 600 Pixeln angezeigt. Der Browser skaliert es herunter – aber die gesamte Datei wird trotzdem übertragen. Die Lösung: Bilder vor dem Upload auf die tatsächlich benötigte Größe skalieren.

Faustregel für Websitebilder:

• Vollbreite Bilder: 1920 Pixel Breite als Maximum
• Artikelbilder: 1200 Pixel Breite
• Thumbnails: 400–600 Pixel

4. Metadaten entfernen

Fotos von Kameras und Smartphones enthalten EXIF-Daten: GPS-Koordinaten, Kameramodell, Datum, Copyright und mehr. Diese Daten können mehrere Kilobyte belegen und sind für die Bilddarstellung auf Websites irrelevant. Die meisten Komprimierungstools entfernen EXIF-Daten optional oder automatisch.

5. Responsive Images nutzen

Mit dem srcset-Attribut können verschiedene Bildgrößen für verschiedene Bildschirmgrößen bereitgestellt werden. Mobile Nutzer laden dann kleinere Bilder, während Desktop-Nutzer größere erhalten:

<img src="bild-800.jpg"
     srcset="bild-400.jpg 400w, bild-800.jpg 800w, bild-1600.jpg 1600w"
     sizes="(max-width: 600px) 400px, 800px"
     alt="Bildbeschreibung">

Empfohlene Tools zur Bildkomprimierung

Tool	Typ	Besonderheit
Squoosh.app	Online (Google)	Vorher-Nachher-Vergleich, viele Formate
TinyPNG / TinyJPG	Online	Einfach, bis 20 Bilder kostenlos
ImageOptim	Desktop (Mac)	Verlustfrei, EXIF-Entfernung
ShortPixel	WordPress-Plugin	Automatische Komprimierung beim Upload
cwebp / avifenc	Kommandozeile	Batch-Verarbeitung, Skripting

Schritt-für-Schritt: Bilder für die Website optimieren

1. Originalbild sichern: Immer eine Kopie des Originals behalten
2. Auf Zielgröße skalieren: Breite auf die maximal nötige Pixelzahl reduzieren
3. Richtiges Format wählen: WebP für Fotos, PNG/SVG für Grafiken
4. Komprimierung anwenden: Qualität auf 75–85 % für Fotos setzen
5. Ergebnis prüfen: Visuellen Vergleich durchführen
6. EXIF-Daten entfernen: Besonders wenn GPS-Daten nicht weitergegeben werden sollen

Wie viel Einsparung ist realistisch?

Die möglichen Einsparungen variieren je nach Ausgangsmaterial:

• Foto als PNG → WebP: 60–90 % kleiner
• Foto als JPG (ohne Komprimierung) → JPG (Qualität 80 %): 40–70 % kleiner
• PNG-Grafik mit OptiPNG optimiert: 10–30 % kleiner
• Überdimensioniertes Foto auf richtige Größe skaliert: 50–80 % kleiner

Qualität vs. Dateigröße: Der richtige Ausgleich

Es gibt keine universell perfekte Komprimierungsstufe. Die Entscheidung hängt vom Verwendungszweck ab: Für Thumbnails und Vorschaubilder kann man stärker komprimieren als für hochwertige Produktfotos. Der visuelle Vergleich – Vorher und Nachher nebeneinander – ist der verlässlichste Test.

Der Weg ohne Upload

Wenn die Datei vertraulich ist, ist der sicherste Weg der, auf dem sie Ihren Rechner gar nicht erst verlässt. Bildgröße ändern läuft vollständig im Browser: Die Datei wird von Ihrer Festplatte gelesen, im Arbeitsspeicher verarbeitet und wieder zurückgeschrieben — an einen Server geht nichts.

1. Öffnen Sie Bildgröße ändern.
2. Wählen Sie die Datei auf Ihrem Rechner. Sie wird lokal gelesen, nicht hochgeladen.
3. Geben Sie Breite und Höhe ein oder wählen Sie eine Vorgabe.
4. Laden Sie das Ergebnis herunter. Das Original bleibt, wo es war.

Direkt im Browser erledigen — die Datei verlässt Ihr Gerät nicht: Bildgröße ändern