JPG, PNG oder WebP – welches Bildformat passt wozu?

Nimm JPG für Fotos, die überall aufgehen müssen, PNG für Screenshots, Logos und alles mit Text oder Transparenz, und WebP, wenn das Bild auf eine Webseite kommt und die Datei möglichst klein sein soll. Mit dem passenden Format sparst du meist mehr Bytes als mit jedem Kompressionsregler.

Der schnellste Weg hier: Ziehe deine Dateien in Bild umwandeln (PNG, JPG, WebP, BMP, ICO), wähle das Ausgabeformat und lade das Ergebnis herunter. Für die beiden häufigsten Umwandlungen gibt es eigene Tools: JPG in WebP umwandeln, um Fotos für eine Website zu verkleinern, und WebP in JPG umwandeln, wenn ein Formular oder ein älteres Programm eine heruntergeladene Datei ablehnt.

Die kurze Antwort

Du hast …	Nimm
Ein Foto für eine Webseite	WebP, oder JPG für maximale Kompatibilität
Ein Foto zum Mailen, Drucken oder Hochladen in ein Formular	JPG
Ein Logo oder Icon	SVG, wenn du es hast, sonst PNG
Einen Screenshot mit Text	PNG oder WebP verlustfrei
Alles, was Transparenz braucht	PNG oder WebP, niemals JPG
Eine kurze Endlosanimation	WebP oder MP4 statt GIF

So schneiden die Formate im Vergleich ab

Format	Komprimierung	Transparenz	Animation	Öffnet überall	Typischer Einsatz
JPG	Verlustbehaftet	Nein	Nein	Ja	Fotografien
PNG	Verlustfrei	Ja, 8-Bit-Alpha	Nur als APNG	Ja	Screenshots, Logos, Diagramme
WebP	Verlustbehaftet oder verlustfrei	Ja	Ja	Jeder aktuelle Browser; manche Programme und Formulare lehnen es ab	Webbilder
AVIF	Verlustbehaftet oder verlustfrei	Ja	Ja	Aktuelle Browser; sonst lückenhaft	Webbilder, noch kleiner als WebP
GIF	Verlustfrei, 256 Farben	Nur 1 Bit	Ja	Ja	Alte Animationen
SVG	Vektor, Textdatei	Ja	Ja, mit CSS	Browser ja, Office-Software teils	Logos und Icons
HEIC	Verlustbehaftet	Ja	Live Photos	Apple ja, Browser nein	Fotos vom iPhone

JPG (JPEG)

Das Format erschien 1992 und lässt sich auf praktisch jedem Gerät und in jedem Programm lesen. Es ist verlustbehaftet: Der Encoder teilt das Bild in Blöcke von 8 × 8 Pixeln und wirft Feinheiten weg, für die das Auge am wenigsten empfindlich ist. Bei Fotografien funktioniert das hervorragend, an scharfen Kanten dagegen schlecht — dort entsteht der „Ringing“-Hof, den du um schwarzen Text auf weißem Grund siehst.

JPG speichert 8 Bit pro Farbkanal und kennt keinerlei Transparenz. Speicherst du ein transparentes PNG als JPG, füllt sich der durchsichtige Bereich mit einer einheitlichen Farbe — in unseren Tools ist das Weiß.

PNG

PNG ist verlustfrei: Jedes Pixel kommt genau so zurück, wie es hineingegangen ist, weshalb Screenshots, Diagramme, Grafiken und Logos scharf bleiben. Das Format unterstützt einen vollen 8-Bit-Alphakanal, Kanten können also weich in den Hintergrund auslaufen.

Der Preis ist die Dateigröße. Bei einem Foto ist ein PNG typischerweise drei- bis fünfmal größer als dasselbe Bild als JPG, weil der Encoder keine Details verwerfen darf. Wandelst du ein Foto mit JPG in PNG umwandeln von JPG nach PNG um, entsteht eine deutlich größere Datei, die trotzdem alle Artefakte des JPGs enthält.

WebP

WebP stammt von Google und wird heute von jedem aktuellen Browser angezeigt. Es hat zwei Modi: den verlustbehafteten, der mit JPG vergleichbar ist und bei ähnlicher Bildqualität typischerweise 25–35 % kleiner ausfällt, und den verlustfreien, der mit PNG konkurriert und die Größe eines Screenshots oft um 20–30 % senkt. Beide Modi unterstützen Transparenz — der praktische Vorteil gegenüber JPG.

Zwei Grenzen solltest du kennen: Ein WebP-Bild darf höchstens 16383 × 16383 Pixel groß sein, und viele Desktop-Programme, Druckereien und Upload-Formulare lehnen das Format weiterhin ab. Dann wandelst du mit WebP in JPG umwandeln zurück — oder in PNG, wenn du eine Transparenz erhalten willst.

AVIF, GIF, SVG und HEIC

AVIF basiert auf dem Videocodec AV1 und komprimiert bei gleicher Qualität besser als WebP, vor allem bei niedrigen Bitraten. Aktuelle Browser zeigen es an. Das Kodieren dauert länger, außerhalb der Browser ist die Unterstützung uneinheitlich, und unsere Konverter erzeugen es nicht — betrachte es als Auslieferungsformat fürs Web, das du aus deiner Build-Pipeline erzeugst.

GIF ist auf 256 Farben pro Bild begrenzt und auf Pixel, die entweder ganz durchsichtig oder ganz deckend sind. Deshalb zeigen Fotos Farbstufen und Freisteller ausgefranste Ränder. Für ein Standbild ist PNG oder WebP in jeder Hinsicht besser; für eine Animation ist WebP oder eine kurze Videodatei kleiner und flüssiger.

SVG besteht gar nicht aus Pixeln: Es ist eine XML-Textdatei, die Formen beschreibt. Es bleibt in jeder Größe gestochen scharf, ist bei einem Logo meist winzig und lässt sich mit CSS gestalten. Ein Foto kann es nicht darstellen. Lehnt eine Plattform SVG-Uploads ab — viele tun das, weil ein SVG Skripte enthalten kann —, exportierst du mit SVG in PNG umwandeln eine Pixelkopie in der benötigten Größe.

HEIC speichert ein iPhone standardmäßig. Das Format ist effizient, aber Browser decodieren es nicht, sodass browserbasierte Tools es nicht öffnen können und viele Formulare es ablehnen. Stelle entweder unter Einstellungen → Kamera → Formate „Maximal kompatibel“ ein, damit das iPhone JPEG aufnimmt, oder wandle die Datei vor dem Hochladen auf dem Gerät um.

Was eine Umwandlung mit deiner Datei macht

• Eine Umwandlung ist ein neues Kodieren, keine Umbenennung. Wenn du foto.webp in foto.jpg umbenennst, ändert sich im Inneren der Datei nichts, und ein sauber gebautes Upload-Formular erkennt das.
• Von verlustbehaftet zu verlustfrei wird nichts repariert. JPG nach PNG bewahrt die Blockbildung und die Höfe des JPGs in einer größeren Datei. Die Details sind schon weg.
• Verlustbehaftet nach verlustbehaftet addiert sich. JPG nach WebP schickt das Bild durch einen zweiten verlustbehafteten Encoder. Bei Qualität 90 ist der zusätzliche Schaden kaum zu sehen, doch gehe immer vom besten Original aus, das du hast.
• Transparenz muss irgendwohin. Bei PNG oder WebP nach JPG ersetzt ein einfarbiger Hintergrund die durchsichtigen Pixel.
• Metadaten verschwinden meist. EXIF-Daten, einschließlich GPS-Koordinaten, fallen weg, wenn die Pixel neu kodiert werden.
• Animationen werden eingeebnet. Wandelst du ein animiertes GIF oder WebP in ein Standbildformat um, bleibt nur das erste Einzelbild übrig.

Was die eingebauten Apps können

• Windows Fotos öffnet JPG, PNG, GIF, TIFF und WebP; für HEIC brauchst du die kostenlosen HEIF-Bilderweiterungen aus dem Microsoft Store. Im Menü „Speichern unter“ von Paint stehen PNG, JPEG, BMP und GIF zur Wahl.
• Vorschau auf dem Mac wandelt über Ablage → Exportieren um; das Format-Menü enthält JPEG, PNG, TIFF und HEIC — aber nicht WebP, das die Vorschau zwar anzeigen, aber nicht schreiben kann.
• Fotos auf dem iPhone hat kein Exportformat-Menü. Das Format wird bei der Aufnahme unter Einstellungen → Kamera → Formate festgelegt.
• Google Fotos auf Android speichert bearbeitete Kopien als JPEG. Ob die Kamera überhaupt HEIF aufnehmen kann, hängt vom Hersteller ab.

Häufige Fragen

Ist WebP auf einer Website sicher einsetzbar? Für Browser ja. Halte nur dann ein JPG als Ersatz bereit, wenn dein Publikum sehr alte Software nutzt oder die Bilder heruntergeladen und weiterverwendet werden.

Welches Format ist am kleinsten? Bei einem Foto in gleicher sichtbarer Qualität ist meist AVIF am kleinsten, dann WebP, dann JPG. Bei einem Screenshot schlägt WebP verlustfrei in der Regel PNG.

Hat PNG eine Qualitätseinstellung? Nein. PNG ist verlustfrei, die einzigen Stellschrauben sind also die Farbpalette und die Pixelmaße.

Warum ist mein heruntergeladenes Bild eine .webp-Datei? Viele Seiten liefern heute WebP an Browser aus, die es verstehen. Wandle die Datei mit WebP in JPG umwandeln um, wenn das Programm, in dem du sie brauchst, sie ablehnt.

Kann ich ein JPG in SVG umwandeln? Nicht sinnvoll. Wird ein Foto in Vektoren nachgezeichnet, entsteht eine riesige Datei, die wie ein Posterdruck des Originals aussieht.

Nächste Schritte

• Einen gemischten Stapel in einem Durchgang umwandeln: Bild umwandeln (PNG, JPG, WebP, BMP, ICO)
• Fotos für eine Website verkleinern: JPG in WebP umwandeln und PNG in WebP umwandeln
• Die Stellschrauben bei der Dateigröße verstehen: Bilder verkleinern, ohne sichtbaren Qualitätsverlust