Wenn du ein Bild speicherst, hast du oft die Wahl zwischen mehreren Endungen, und die Namen sagen erst mal wenig aus. JPG, PNG, GIF, WebP: Das klingt technisch, entscheidet aber ganz praktisch darüber, wie scharf dein Bild aussieht, wie groß die Datei wird und ob der Hintergrund durchsichtig sein kann.
Verschiedene Formate gibt es, weil Bilder sehr unterschiedliche Aufgaben haben. Ein Urlaubsfoto mit Millionen Farbtönen stellt andere Anforderungen als ein Firmenlogo aus zwei Farben. Ein Format, das für das eine perfekt ist, wäre für das andere unnötig groß oder zu grob. Deshalb lohnt es sich, die wichtigsten Formate einmal zu verstehen, statt einfach zu nehmen, was gerade voreingestellt ist.
JPG: klein und ideal für Fotos
JPG, manchmal auch JPEG geschrieben, ist das klassische Format für Fotos. Es arbeitet mit verlustbehafteter Kompression. Das bedeutet, dass beim Speichern Bildinformationen weggerechnet werden, die dein Auge kaum vermisst. Das Ergebnis ist eine erstaunlich kleine Datei, die trotzdem ordentlich aussieht.
Genau das macht JPG so beliebt für alles mit vielen Farben und weichen Übergängen, also für Fotos von Menschen, Landschaften oder Essen. Der Preis dafür: Jedes erneute Speichern kann die Qualität ein Stück weiter verschlechtern, und harte Kanten oder Text werden schnell unsauber. Transparenz kennt JPG außerdem nicht, ein Hintergrund ist also immer gefüllt.
PNG: verlustfrei mit Transparenz
PNG geht den umgekehrten Weg. Es speichert verlustfrei, es bleibt also jedes Detail erhalten, so wie du es abgelegt hast. Dadurch werden die Dateien größer als bei JPG, aber die Qualität leidet auch nach mehrfachem Bearbeiten nicht.
Die große Stärke von PNG ist die Transparenz. Du kannst Bereiche durchsichtig lassen, was für Logos, Symbole und alles gilt, was sauber auf einem farbigen Hintergrund liegen soll. Auch für Screenshots ist PNG top, weil Text und feine Linien gestochen scharf bleiben. Für ein großes Foto ist PNG dagegen meist übertrieben, weil die Datei unnötig schwer wird.
GIF: für kleine Animationen
GIF ist ein alter Bekannter und hält sich vor allem aus einem Grund: Es kann sich bewegen. Kleine, endlos laufende Animationen, wie du sie aus Chats kennst, sind die klassische Domäne von GIF.
Für ruhende Bilder ist das Format dagegen kaum geeignet, denn es kennt nur bis zu 256 Farben. Ein Foto sieht damit schnell fleckig aus. Für ein einfaches, buntes Bewegtbild mit wenigen Farben reicht GIF aber immer noch, auch wenn moderne Formate hier inzwischen mehr können.
WebP: das moderne Allround-Format
WebP wurde für das Web entwickelt und versucht, das Beste aus den anderen Formaten zu vereinen. Es kann verlustbehaftet oder verlustfrei speichern, beherrscht Transparenz und sogar Animationen. Dabei sind die Dateien bei vergleichbarer Qualität oft deutlich kleiner als bei JPG oder PNG.
Für Webseiten ist das ein echter Vorteil, denn kleinere Bilder laden schneller. Deshalb setzen viele Seiten heute auf WebP. Du merkst davon im Alltag wenig, weil moderne Browser das Format problemlos anzeigen. Nur sehr alte Programme tun sich manchmal schwer, dann hilft es, zusätzlich ein JPG oder PNG bereitzuhalten.
Kurz erwähnt sei noch SVG. Das ist kein Format aus Pixeln, sondern beschreibt Bilder als Vektoren, also als mathematische Formen. Der Vorteil: Du kannst eine SVG-Grafik beliebig groß ziehen, ohne dass sie unscharf wird. Ideal ist das für Logos und Icons. Für Fotos taugt SVG dagegen nicht.
Verlustbehaftet oder verlustfrei, einfach erklärt
Diese beiden Begriffe tauchen ständig auf, sind aber leicht zu greifen. Verlustbehaftet heißt, das Format wirft beim Speichern Informationen weg, um Platz zu sparen. Das ist wie eine Zusammenfassung, die das Wesentliche behält, aber Feinheiten opfert. JPG und meist auch WebP arbeiten so.
Verlustfrei bedeutet das Gegenteil: Es geht nichts verloren, das Bild lässt sich exakt wiederherstellen. Der Nachteil ist die größere Datei. PNG und GIF gehören in diese Gruppe. Für Fotos ist der kleine Qualitätsverlust meist unsichtbar und der Platzgewinn riesig, für Grafiken mit scharfen Kanten willst du dagegen lieber jedes Detail behalten.
Wann welches Format? Deine Entscheidungshilfe
In der Praxis musst du dir die Technik nicht merken, ein paar Faustregeln reichen. Für ein Foto nimmst du JPG oder, wenn möglich, WebP. Beide halten die Datei klein. Brauchst du ein Logo oder eine Grafik mit durchsichtigem Hintergrund, greifst du zu PNG, oder bei Logos und Icons noch besser zu SVG. Soll sich etwas bewegen, ist GIF der einfache Weg und WebP die modernere Alternative.
Die folgende Tabelle fasst das Wichtigste zusammen:
| Format | Verlustbehaftet? | Transparenz? | Wofür geeignet |
|---|---|---|---|
| JPG | Ja | Nein | Fotos, Bilder mit vielen Farben |
| PNG | Nein | Ja | Logos, Grafiken, Screenshots |
| GIF | Nein | Eingeschränkt | Einfache Animationen, wenige Farben |
| WebP | Wählbar | Ja | Web, Fotos und Grafiken, auch Animationen |
| SVG | Nein | Ja | Logos und Icons, frei skalierbar |
Auf den Punkt
Es gibt nicht das eine beste Bildformat, sondern für jede Aufgabe ein passendes. Für Fotos nimmst du JPG oder WebP, für Logos und Grafiken mit Transparenz PNG oder SVG, für Animationen GIF oder WebP. Verlustbehaftete Formate sparen Platz, verlustfreie erhalten jedes Detail. Wer im Zweifel zu WebP greift, macht auf modernen Webseiten selten etwas falsch.
Häufige Fragen
Was ist der Unterschied zwischen JPG und PNG?
JPG komprimiert verlustbehaftet und hält Fotos klein, kennt aber keine Transparenz. PNG speichert verlustfrei, unterstützt durchsichtige Bereiche und ist ideal für Grafiken und Screenshots. Dafür sind die PNG-Dateien meist deutlich größer.
Welches Bildformat ist am besten für Webseiten?
Meist WebP, weil es kleine Dateien mit guter Qualität verbindet und dadurch schneller lädt. Als Absicherung für sehr alte Browser kann zusätzlich ein JPG oder PNG bereitstehen.
Warum ist mein PNG so viel größer als ein JPG?
Weil PNG verlustfrei speichert und keine Bildinformationen wegwirft. Das erhält jedes Detail, macht die Datei bei Fotos aber deutlich schwerer als das komprimierte JPG.
Kann ich ein Bild ohne Qualitätsverlust umwandeln?
Von einem verlustfreien Format wie PNG zu JPG verlierst du immer etwas Qualität und die Transparenz. Zwischen verlustfreien Formaten bleibt die Qualität erhalten. Einmal verlorene Details holst du durch Umwandeln nicht zurück.
