JPG vs PNG vs WebP: Welches Bildformat solltest du verwenden?

Schnelle Empfehlung

Unsicher, welches Format das richtige ist? Hier die Kurzfassung:

| Anwendungsfall | Bestes Format | Warum | | ------------------------------------ | ------------- | -------------------------------------------- | | Fotos mit vielen Farben | JPG | Kleine Dateien, ideal für echte Fotos | | Logos, Icons, UI-Elemente | PNG | Verlustfrei, unterstützt Transparenz | | Screenshots und Text | PNG | Text und Kanten bleiben gestochen scharf | | Moderne Webseiten | WebP | 25–35% kleiner als JPG oder PNG | | E-Mail-Anhänge | JPG | Universelle Kompatibilität | | Animationen | WebP | Ersetzt GIF mit deutlich kleineren Dateien |

Schauen wir uns nun an, warum diese Entscheidungen sinnvoll sind.

Was ist JPG (JPEG)?

JPG (auch JPEG geschrieben) ist das am weitesten verbreitete Bildformat im Web. Es existiert seit 1992 und wird von buchstäblich jedem Gerät, Browser und Betriebssystem auf dem Planeten unterstützt.

JPG nutzt verlustbehaftete Kompression. Das bedeutet, dass dauerhaft einige Bilddaten verworfen werden, um die Datei kleiner zu machen. Der Trick: JPG ist darauf optimiert, Details zu entfernen, die deine Augen kaum bemerken, sodass das Ergebnis bei normaler Betrachtungsgröße weiterhin gut aussieht.

Stärken von JPG:

• Sehr kleine Dateien — Ein 4000x3000-Foto, das als PNG 12 MB groß ist, lässt sich als JPG auf unter 1 MB bringen.
• Universelle Unterstützung — Funktioniert überall, von alten Handys bis zu Smart-TVs.
• Einstellbare Qualität — Du kannst Qualität gegen Dateigröße tauschen, mit dem Qualitätsregler.
• Hervorragend für Fotos — Verläufe, Hauttöne, Sonnenuntergänge: JPG meistert sie wunderschön.

Schwächen von JPG:

• Keine Transparenz — JPG unterstützt keine transparenten Hintergründe. Wenn du durchsichtige Bereiche brauchst, nimm PNG oder WebP.
• Verlustbehaftet — Bei jedem erneuten Speichern verlierst du ein wenig Qualität. Speichere einmal mit der richtigen Qualität, dann passt es.
• Schlecht für scharfe Kanten — Text, Logos und Linienkunst bekommen verschwommene „Halos". Deshalb sehen Screenshots als JPG oft schrecklich aus.

Wann JPG verwenden:

• Urlaubs- und Alltagsfotos
• Produktfotos in Onlineshops
• Hero-Bilder und Blog-Banner
• E-Mail-Newsletter
• Social-Media-Uploads
• Jedes Foto mit weichen Farbverläufen

Was ist PNG?

PNG steht für Portable Network Graphics. Es wurde 1996 als freier, offener Ersatz für GIF entwickelt und ist zum Standard für Grafiken geworden, die pixelgenau aussehen müssen.

PNG nutzt verlustfreie Kompression. Es wird nichts verworfen. Jeder einzelne Pixel bleibt exakt wie in der Quelle.

Stärken von PNG:

• Verlustfreie Qualität — Was du speicherst, bekommst du zurück, jedes Mal, für immer.
• Transparenz-Unterstützung — PNG unterstützt einen 8-Bit-Alphakanal, sodass du weiche, halbtransparente Hintergründe haben kannst. Das ist essenziell für Logos und Icons.
• Perfekt für Text und Kanten — UI-Screenshots, Diagramme und Charts bleiben scharf, weil keine Daten verloren gehen.
• Breite Unterstützung — Funktioniert in jedem modernen Browser und Bildeditor.

Schwächen von PNG:

• Große Dateien — Ein Foto mit 800 KB als JPG kann als PNG auf 4–8 MB anwachsen. Das drückt die Ladezeiten.
• Keine Animation — PNG kann nicht animieren (nutze WebP oder GIF).
• Overkill für Fotos — Du wirst keinen Unterschied zwischen einem 100%-PNG-Foto und einem 90%-JPG sehen, aber die Datei ist 5-mal größer.

Wann PNG verwenden:

• Logos und Marken-Assets
• Icons und UI-Elemente
• Screenshots von Apps und Webseiten
• Diagramme, Charts und Infografiken
• Bilder, die einen transparenten Hintergrund brauchen
• Archivkopien von Grafiken, bei denen die Qualität nicht leiden darf

Was ist WebP?

WebP ist Googles modernes Bildformat, veröffentlicht 2010 und inzwischen von über 95% der Browser im Jahr 2026 unterstützt, darunter Chrome, Firefox, Safari (seit 2020), Edge und alle mobilen Browser. Es ist das von Google PageSpeed Insights empfohlene Standardformat.

Die Magie von WebP: Es vereint verlustbehaftete und verlustfreie Kompression, dazu Animation und Transparenz — alles in einem Format.

Stärken von WebP:

• 25–35% kleinere Dateien — Ein WebP-Bild in derselben visuellen Qualität wie ein JPG ist typischerweise 25–35% kleiner. Gegenüber PNG dasselbe Bild.
• Verlustbehaftet und verlustfrei — Du wählst. Verlustbehaftetes WebP für Fotos; verlustfreies WebP für Grafiken.
• Transparenz — Wie PNG, aber mit deutlich kleineren Dateien.
• Animation — Wie GIF, aber mit deutlich kleineren Dateien (und 24-Bit-Farbe, statt 8 Bit bei GIF).
• Breite Unterstützung — Über 95% der Nutzer können WebP nativ anzeigen. Die übrigen 5% sind meist sehr alte Browser oder spezielle Firmenumgebungen.

Schwächen von WebP:

• Etwas langsameres Encoding — Die Konvertierung nach WebP kostet etwas mehr CPU als nach JPG, was aber nur beim Verarbeiten riesiger Bibliotheken im Batch spürbar ist.
• In einigen Legacy-Systemen nicht unterstützt — Alte Outlook-Versionen, manche CDNs und ein paar Nischen-Tools akzeptieren WebP noch nicht. Nutze JPG als Fallback.
• Nicht ideal für den Druck — Professionelle Druckereien erwarten meist TIFF oder hochwertiges JPG.

Wann WebP verwenden:

• Alle Bilder auf einer modernen Webseite
• Mobile Apps
• E-Mail-Kampagnen für technikaffine Zielgruppen
• Überall, wo du schnellere Ladezeiten und weniger Bandbreite willst
• Um alte GIFs durch kleinere, schönere Animationen zu ersetzen

Leistungsvergleich

Schauen wir uns an, was WebP tatsächlich spart. Hier ein typisches 1920x1080-Landschaftsfoto:

| Format | Größe | Qualität | Hinweise | | ------- | --------- | --------------- | --------------------------------- | | PNG | 6,8 MB | Verlustfrei | Riesig, nicht fürs Web | | JPG | 1,2 MB | 85% | Solide Basis | | WebP | 780 KB | ca. 85% visuell | 35% kleiner als JPG | | WebP | 4,1 MB | Verlustfrei | 40% kleiner als PNG |

Für einen bildlastigen Blogpost mit 10 Bildern spart der Wechsel von JPG zu WebP bei gleicher Qualität 5–8 MB Gesamtseitengewicht. Mobil ist das der Unterschied zwischen 2 Sekunden Ladezeit und einer flotten 1-Sekunden-Anzeige.

Bildformate kostenlos konvertieren

Wenn du ein JPG hast, das zu PNG werden soll (oder umgekehrt), brauchst du kein Photoshop. Unser kostenloses Online-Tool erledigt das im Browser:

• [Bild-Konvertierungs-Tool](/de/tools/image/convert) — Wandelt zwischen JPG, PNG, WebP und BMP in Sekunden um.
• [Bild-Komprimierungs-Tool](/de/tools/image/compress) — Verkleinert Dateien bei hoher Qualität.

Beide Tools laufen vollständig im Browser, deine Fotos verlassen deinen Computer nie. Kein Upload auf Server, keine Registrierung, keine Wasserzeichen.

So konvertierst du ein Bild mit UtilBoxx

1. Öffne utilboxx.com/de/tools/image/convert
2. Ziehe dein Bild in die Upload-Zone
3. Wähle das Zielformat (JPG, PNG oder WebP)
4. Klicke auf „Konvertieren"
5. Lade das Ergebnis herunter

Das war's. Der ganze Vorgang dauert etwa 10 Sekunden.

Wann welches Format: konkrete Beispiele

• Hochzeitsfotograf liefert Vorschauen → JPG mit 80% Qualität. Klein, sieht super aus, öffnet überall.
• Designer exportiert ein Logo fürs Web → WebP für die Webseite, PNG als Fallback für alte E-Mail-Clients.
• Blogger lädt ein Hero-Bild hoch → WebP. Schnellere Ladezeiten, besseres SEO.
• Spielestudio veröffentlicht Screenshots → PNG. Jeder UI-Pixel muss exakt stimmen.
• Marketing-Team erstellt ein Banner → WebP mit Transparenz.
• Archivar sichert alte Familienfotos → PNG oder TIFF. Originale niemals verlustbehaftet.
• Newsletter mit 5 Produktfotos → JPG. Maximale Kompatibilität, jeder E-Mail-Client zeigt es an.

Fazit

Es gibt nicht das eine „beste" Bildformat — es gibt nur das beste Format für jeden Job. Merke dir diese einfache Faustregel:

• Fotos → JPG (oder WebP auf modernen Webseiten)
• Grafiken, Logos, Screenshots → PNG (oder WebP auf modernen Webseiten)
• Alles auf einer Webseite im Jahr 2026 → zuerst WebP, mit JPG oder PNG als Fallback

Mit einem kostenlosen Tool wie dem UtilBoxx Bild-Konverter dauert der Wechsel zwischen Formaten nur Sekunden. Konvertiere einmal, wähle für jeden Zweck das passende Format, und deine Seite lädt schneller, deine Mails sehen besser aus und deine Speicherkosten sinken.