Was ist JPEG?
Du lädst ein Foto auf deine Website, und es heißt bild.jpg. Was steckt eigentlich hinter diesen drei Buchstaben?
JPEG steht für Joint Photographic Experts Group, die Gruppe, die das Format entwickelt hat. 1992 wurde es als Norm ISO/IEC 10918 veröffentlicht. Die Endungen .jpg und .jpeg meinen genau dasselbe Format.
Der Kern: JPEG komprimiert verlustbehaftet. Es zerlegt das Bild in kleine Blöcke und wirft Feinheiten weg, die das Auge bei Fotos kaum bemerkt. So schrumpft ein Bild auf einen Bruchteil seiner Größe. Was weg ist, bleibt aber weg.
Wie verbreitet ist JPEG im Web?
Noch ist JPEG die Nummer eins. Das HTTP Archive hat 2024 Millionen Websites gecrawlt und gezählt, welche Formate die Bilder auf Mobilseiten haben:
Format
Anteil
JPEG
32,4 %
PNG
28,4 %
GIF
16,8 %
WebP
12,0 %
SVG
6,4 %
AVIF
1,0 %
Der Trend zeigt aber nach unten: Gegenüber zwei Jahren vorher sank der Anteil von JPEG relativ um 20 %, WebP legte um 34 % zu. Die Zahlen zählen Bilder, nicht Datenmengen.
Warum das wichtig ist: Auf 68 % der Mobilseiten ist das größte sichtbare Element ein Bild. Davon hängt der Largest Contentful Paint ab, einer der Core Web Vitals. Ein dickes JPEG oben auf der Seite bremst also direkt deine Ladezeit.
Was bringt Komprimieren in der Praxis?
Zwei Beispiele aus Googles eigener Doku und von einem Chrome-Entwickler zeigen, wie viel Luft in einem Foto steckt:
Fall A · Qualitätsregler
Ein Foto in Squoosh neu gespeichert
60
Qualitätsstufe
−79 %
Dateigröße
Gleiches Format, ein Fünftel der Größe
Beispiel aus web.dev. Mit bloßem Auge sieht man den Unterschied bei Fotos meist kaum.
Fall B · Formatwechsel
Dasselbe Foto in drei Formaten
74 kB
als JPEG
18 kB
als AVIF
AVIF war hier rund 75 % kleiner
Testbild von Jake Archibald, 2020; WebP lag bei 43 kB. Ein Einzelfall, stark abhängig von den Einstellungen.
Google selbst nennt für WebP 25 bis 34 % weniger Dateigröße als JPEG bei gleicher Qualität. Für AVIF verspricht web.dev über 50 % — im eigenen Beispiel desselben Artikels waren es aber nur rund 6 %. Es kommt aufs Bild an. Teste mit deinen eigenen Fotos.
Häufige Fehler
Fehler 1 · Logos und Screenshots als JPEG
JPEG ist für Fotos gebaut. Bei harten Kanten, Text oder Flächen entstehen unschöne Artefakte rund um die Buchstaben. Logos gehören ins SVG, Screenshots ins PNG oder WebP.
Fehler 2 · Immer wieder neu speichern
Jedes Speichern als JPEG wirft erneut Information weg. Wer ein Bild fünfmal bearbeitet und speichert, sieht das irgendwann. Exportiere immer vom Original aus.
Fehler 3 · Kamerafotos ungebremst hochladen
Ein Handyfoto hat schnell mehrere Megabyte und 4.000 Pixel Breite. Angezeigt wird es vielleicht mit 800. Im Median lädt eine Startseite schon heute rund 900 KB Bilder auf dem Handy — da musst du nicht noch nachlegen.
Fehler 4 · Qualität 80 ist nicht gleich Qualität 80
Die Qualitätsstufe von 0 bis 100 ist nicht genormt. Photoshop, Squoosh und dein WordPress-Plugin meinen mit derselben Zahl unterschiedliche Ergebnisse. Vergleiche mit dem Auge, nicht mit der Zahl.
So setzt du JPEG richtig ein
- Auf Anzeigegröße skalieren: Erst verkleinern, dann komprimieren.
- Progressiv speichern: Progressive JPEGs zeigen zuerst eine unscharfe Vollansicht und sind laut web.dev fast immer kleiner als normale.
- WebP oder AVIF dazu ausliefern: Plugins wie ShortPixel, Imagify oder EWWW wandeln automatisch um. WebP läuft laut caniuse bei rund 97 % der Nutzer (Stand Oktober 2026), JPEG bleibt die Rückfallebene.
- Das oberste Bild nie lazy-loaden: Das betrifft laut HTTP Archive fast jedes zehnte LCP-Bild und kostet Ladezeit.
- Rechte-Angaben drinlassen: Google liest IPTC-Daten wie Urheber und Copyright aus der Datei und zeigt sie in der Bildersuche.
Und der Nachfolger? JPEG XL kann alte JPEGs sogar verlustfrei verkleinern. Chrome hat 2026 angekündigt, das Format ab Version 155 zu unterstützen. Google Bilder führt es aber noch nicht als unterstütztes Format. Für heute bleibt die Kombination JPEG plus WebP die sichere Wahl.
Häufige Fragen
Was ist der Unterschied zwischen JPG und JPEG?
Keiner. Beide Endungen meinen dasselbe Format. Die kurze Form stammt aus einer Zeit, in der viele Systeme nur drei Zeichen für die Dateiendung erlaubten.
Wann nehme ich JPEG und wann PNG?
JPEG für Fotos mit vielen Farbverläufen, PNG für Grafiken, Screenshots, Text im Bild und alles mit transparentem Hintergrund. Bei Fotos ist PNG deutlich größer, bei Grafiken sieht JPEG unsauber aus.
Sollte ich JPEG durch WebP oder AVIF ersetzen?
Für die Auslieferung auf der Website lohnt es sich meist. WebP ist laut Google 25 bis 34 % kleiner und läuft in fast allen Browsern. Am einfachsten geht das per Plugin, das beide Varianten bereithält. Das Original darf JPEG bleiben.
Welche JPEG-Qualität ist für Websites richtig?
Eine feste Zahl gibt es nicht, weil jedes Programm anders rechnet. Lighthouse prüft mit Qualität 85 als Maßstab. Viele Fotos sehen auch bei 60 bis 75 noch gut aus. Vergleiche Vorher und Nachher in Squoosh.
Verrät mein Foto meinen Standort?
Möglich. Handyfotos speichern in den EXIF-Daten oft GPS-Koordinaten. Prüf vor dem Hochladen, ob dein Bildprogramm oder Plugin diese Daten entfernt, und lass Urheber-Angaben drin.
Quellen
- JPEG.org: JPEG-Standard
- MDN: Bildformate im Web
- HTTP Archive: Web Almanac 2024, Kapitel Media
- HTTP Archive: Web Almanac 2024, Kapitel Page Weight
- Google for Developers: WebP
- web.dev: Bilder mit AVIF komprimieren
- web.dev: Learn Images — JPEG
- Chrome for Developers: JPEG XL in Chrome
- Chrome for Developers: Bilder effizient kodieren
- Google Search Central: Best Practices für Google Bilder
- Google Search Central: Bildlizenz-Metadaten
