Zwei Wege, dasselbe Bild zu übertragen
Ein JPG kann auf zwei Arten gespeichert werden — der Bildinhalt ist am Ende identisch, nur die Reihenfolge der Daten unterscheidet sich:
- Baseline (Standard): Das Bild wird von oben nach unten übertragen. Bei langsamer Verbindung siehst du erst die obere Hälfte scharf, der Rest ist noch leer — das Bild „wächst" von oben.
- Progressiv: Zuerst kommt das ganze Bild in grober, unscharfer Auflösung, dann verfeinert es sich in mehreren Durchgängen, bis es scharf ist. Du siehst sofort das komplette Motiv, nur zunächst matschig.
Warum sich progressiv oft besser anfühlt
Der entscheidende Vorteil ist psychologisch: Ein vollständiges grobes Bild wirkt schneller als eine halb geladene scharfe Zeile. Der Nutzer erkennt sofort, worum es geht, und wartet geduldiger auf die Schärfe. Auf langsamen Mobilverbindungen ist dieser Effekt spürbar — die gefühlte Ladezeit sinkt, obwohl die tatsächliche gleich bleibt. Für die reale Ladezeit-Optimierung gibt es den ausführlichen Beitrag Ladezeit-Optimierung.
Und die Dateigröße?
Ein netter Nebeneffekt: Bei größeren Fotos sind progressive JPEGs häufig geringfügig kleiner als Baseline-Versionen, weil die progressive Kodierung die Bilddaten anders und teils effizienter bündelt. Der Unterschied liegt meist im niedrigen einstelligen Prozentbereich — kein Quantensprung, aber kostenlos mitgenommen. Bei sehr kleinen Bildern (Icons, Mini-Thumbnails) kann progressiv sogar minimal größer sein, weil der Verwaltungs-Overhead ins Gewicht fällt.
Wann progressiv, wann Baseline?
| Bildtyp | Empfehlung |
|---|---|
| Große Web-Fotos, Hero-Bilder | progressiv |
| Fotos in Artikeln, Galerien | progressiv |
| Kleine Thumbnails, Icons | Baseline (oder egal) |
| Sehr kleine UI-Grafiken | Baseline |
Die gute Nachricht: Du musst dich selten aktiv entscheiden. Viele Optimierungs-Werkzeuge und CDNs wählen die passende Variante automatisch nach Bildgröße. Und da jeder Browser beide Varianten darstellt, gibt es kein Kompatibilitätsrisiko — die Wahl ist reine Optimierung, kein Wagnis.
Zusammenhang mit der Bildqualität
Wichtig zur Einordnung: Progressiv vs. Baseline hat nichts mit der Bildqualität zu tun. Die Qualitätsstufe (und damit die typischen JPEG-Artefakte) wird separat gewählt. Ein progressives JPG mit Qualität 60 hat dieselben Klötzchen wie ein Baseline-JPG mit Qualität 60 — es zeigt sie nur in anderer Reihenfolge an. Woher diese Artefakte kommen und wie man sie vermeidet, steht im Beitrag JPEG-Artefakte.
Häufige Fragen
Was ist ein progressives JPEG?
Eine Speichervariante von JPG, bei der das ganze Bild zuerst grob und unscharf erscheint und dann in mehreren Durchgängen schärfer wird. Das klassische 'Baseline'-JPEG lädt dagegen von oben nach unten zeilenweise auf. Der Bildinhalt ist identisch, nur die Reihenfolge der Datenübertragung unterscheidet sich.
Ist progressives JPEG kleiner?
Oft ein wenig — bei größeren Fotos sind progressive JPEGs meist geringfügig kleiner als Baseline, weil die Kodierung Daten anders bündelt. Bei sehr kleinen Bildern kann es umgekehrt sein. Der Unterschied liegt meist im niedrigen einstelligen Prozentbereich.
Sollte ich progressive JPEGs verwenden?
Für größere Web-Fotos meist ja: Der Nutzer sieht schneller ein vollständiges (wenn auch grobes) Bild statt einer halb geladenen Zeile, was sich schneller anfühlt. Für sehr kleine Bilder (Icons, Thumbnails) bringt es nichts. Viele Optimierungs-Tools schalten progressiv automatisch passend.
Unterstützen alle Browser progressive JPEGs?
Ja. Progressive JPEGs sind seit Jahrzehnten Standard und werden von jedem Browser und Bildbetrachter dargestellt. Es gibt kein Kompatibilitätsrisiko — die Wahl ist reine Optimierungsfrage.
Quellen
MDN — JPEG-Bildformat · Cloudinary — Progressive JPEG (Hintergrund).