Bildformate verstehen: JPEG, PNG, WebP, SVG und mehr im Detail

März 20, 2026

uberleben.com.de

Bildformate verstehen: JPEG, PNG, WebP, SVG und mehr im Detail

Du hast sicher schon mal ein Bild gespeichert und dann gesehen, wie sich eine lange Liste von Bildformaten vor dir ausgebreitet hat. Eine scheinbar endlose Auswahl, die sich alle austauschbar anfühlen, bis sie es plötzlich nicht mehr sind. Warum gibt es so viele verschiedene Dateiformate Bilder? Und welches ist das Richtige für welchen Zweck?

Im Kern gibt es zwei ganz unterschiedliche Arten, wie Bildformate funktionieren: Manche bestehen aus einzelnen Pixeln – kleinen Farbpunkten, die ein Gesamtbild ergeben. Andere wiederum basieren auf mathematischen Anweisungen, die Formen und Linien beschreiben. Dieser Unterschied ist entscheidend, wenn es um Skalierbarkeit und Detailtreue geht. Die Geschichte dieser Formate erzählt eine klare Botschaft: Jahrzehntelange Bemühungen, Bilder kleiner, klarer und einfacher im Internet zu verschieben.

Bildformate basieren entweder auf Pixeln (Rastergrafiken) oder auf mathematischen Anweisungen (Vektorgrafiken), was ihre Skalierbarkeit und Detailtreue beeinflusst.

Denken wir mal an die Anfänge, Mitte der 80er-Jahre. Da gab es zum Beispiel TGA (1984), das für Profis entwickelt wurde und als eines der ersten einen Alpha-Kanal für Transparenz nutzte. Das war so sauber, dass es zum Industriestandard für 3D-Texturen wurde. Man findet noch heute in den Dateistrukturen legendärer Spiele wie Counter-Strike oder World of Warcraft Tausende von TGA-Dateien.

Ein Jahr später kam PCX ins Spiel, der Star der MS-DOS-Ära. Es nutzte erstmals die RLE-Kompression, eine einfache, aber effektive Methode, um Speicherplatz zu sparen, indem es Reihen gleicher Pixelwerte zusammenfasste. Wer 1985 einen IBM PC besaß, für den war PCX quasi das digitale Fotoalbum.

Und dann war da 1986 BMP. Das ist die roheste Form eines Bildes – ein riesiges, schweres Raster, bei dem jedes einzelne Pixel kartiert wird. Keine Tricks, keine Komprimierung, einfach alles gespeichert. Ein Foto, das als JPEG vielleicht 2 Megabyte groß ist, könnte als BMP schnell 50 Megabyte erreichen. Entdeckt man heute eine BMP-Datei, wurde sie wahrscheinlich versehentlich gespeichert.

Natürlich war das auf Dauer keine Lösung. 1987 tauchte GIF auf, erschaffen von CompuServe. Es war beeindruckend, weil es Bilder effizient komprimierte und – viel wichtiger – Animationen unterstützte. Das Problem war die Farbtiefe: GIF unterstützt nur 256 Farben, weshalb es bei Farbverläufen und Fotos an seine Grenzen stößt. Trotzdem ist GIF nie wirklich verschwunden. Meme, Reaktionsbilder, kurze Schleifen – auch wenn moderne Plattformen oft effizientere Videodateien nutzen, nennen wir sie immer noch alle GIFs.

JPEG nutzt verlustbehaftete Komprimierung, ideal für Fotos mit geringer Dateigröße, ist jedoch anfällig für Qualitätsverlust bei wiederholtem Speichern.

1992 kam JPEG und krempelte alles um. Es ist das Format, in dem heute wahrscheinlich 90 % deiner Fotos gespeichert sind. Entwickelt wurde es von einer Gruppe aus Ingenieuren und Wissenschaftlern, der Joint Photographic Experts Group, mit einem klaren Ziel: Wie viel Daten können wir weglassen, bevor das Auge es bemerkt?

JPEG verwendet verlustbehaftete Komprimierung. Stell es dir vor, wie wenn du deine Kleidung für den Flug vakuumverpackst: Es passt viel mehr in den Koffer, aber die Kleidung kommt etwas zerknittert an. JPEG ist jedoch schlau und entfernt Details, die das menschliche Auge ohnehin kaum wahrnehmen würde. So kann ein 10 Megabyte großes Foto auf 2 Megabyte schrumpfen und trotzdem nahezu identisch aussehen.

Die Komprimierung erfolgt in 8×8-Pixel-Blöcken. Wenn man stark in ein stark komprimiertes JPEG hineinzoomt, sieht man diese blockigen Quadrate, besonders um Texte oder scharfe Kanten herum. Und Achtung: Jedes Mal, wenn du ein JPEG bearbeitest und neu speicherst, wird es erneut komprimiert und verliert dabei ein kleines bisschen an Qualität. Deshalb ist es ratsam, bei ernsthafter Bearbeitung mit dem Original zu arbeiten und das JPEG erst am Ende zu speichern. Übrigens: JPG und JPEG sind dasselbe, die Drei-Buchstaben-Endung entstand nur wegen alter Windows-Systeme.

Ein wichtiger Hinweis zu JPEG, aber auch zu HEIC- und RAW-Dateien: Sie speichern nicht nur das Bild, sondern auch Metadaten, sogenannte EXIF-Daten. Dazu gehören Informationen wie die verwendete Kamera, das Aufnahmedatum und oft sogar die genauen GPS-Koordinaten, wo das Foto gemacht wurde. Die meisten Social-Media-Plattformen entfernen diese Daten zwar automatisch, aber eben nicht alle. Wer auf Nummer sicher gehen will: Ein einfacher Screenshot des eigenen Fotos löscht alle Metadaten aus der neuen Datei.

PNG bietet verlustfreie Komprimierung und volle Transparenz, perfekt für Logos, Icons und Screenshots, resultiert aber in größeren Dateigrößen als JPEG für Fotos.

PNG kam 1996 auf den Markt und hat eine interessante Entstehungsgeschichte. Ende 1994 verlangte die Firma, die das Patent auf den Komprimierungsalgorithmus von GIF hielt, Lizenzgebühren. Das frühe Internet reagierte empört, und so wurde PNG geboren: Open-Source, patentfrei und im besten Sinne unaufgeregt. Gerüchteweise stand der Name sogar für „PNG’s Not GIF“.

Was macht PNG so besonders? Es nutzt verlustfreie Komprimierung. Das bedeutet, das Bild wird zur Speicherung und Übertragung verkleinert, aber beim Wiederherstellen exakt so rekonstruiert, wie es war – ohne Datenverlust. Deshalb ist PNG ideal für Logos, Icons, Screenshots und Interface-Grafiken, wo scharfe Kanten, klare Farben und lesbarer Text entscheidend sind und JPEGs Komprimierung zu Unschärfen führen würde.

Zudem unterstützt PNG echte Transparenz. Bilder können sauber auf jedem Hintergrund platziert werden, ohne sichtbaren Rahmen – etwas, wozu JPEG einfach nicht in der Lage ist. Der größte Nachteil von PNG ist die deutlich größere Dateigröße im Vergleich zu JPEG. Für normale Fotos macht dieser Kompromiss selten Sinn, da ein qualitativ hochwertiges JPEG für die meisten Betrachter kaum zu unterscheiden ist, aber viel kleiner ausfällt.

Moderne Formate wie WebP, HEIC und AVIF streben danach, die besten Eigenschaften (kleinere Dateien, hohe Qualität, Transparenz, Animation) verschiedener Formate zu vereinen, kämpfen aber noch mit der flächendeckenden Akzeptanz.

WebP wurde 2010 von Google eingeführt, um dem Wildwuchs der Web-Bildformate entgegenzuwirken. Die Idee war, ein einziges Format zu schaffen, das alle Anwendungsfälle – Fotos wie JPEG, Transparenz wie PNG, Animation wie GIF – gut abdeckt. WebP unterstützt sowohl verlustbehaftete als auch verlustfreie Komprimierung, Transparenz und Animation. Die Dateigrößen sind oft 20 bis 30 % kleiner als bei vergleichbaren JPEGs oder PNGs bei gleicher wahrgenommener Qualität – ein riesiger Vorteil im Web.

Anfangs zögerten die großen Browser, es zu unterstützen, aber heute ist WebP flächendeckend akzeptiert. Viele Websites liefern automatisch WebP-Bilder aus, wenn dein Browser sie unterstützt, und greifen stillschweigend auf JPEG oder PNG zurück, wenn nicht.

Um 2015 herum entstand HEIF (High Efficiency Image Format), das Apple 2017 für iPhones unter dem Namen HEIC (High Efficiency Image Container) einführte. Anstatt auf Jahrzehnte alte Kompressionstechniken zu setzen, leiht sich HEIC Methoden aus der modernen Videokompression. HEIC-Bilder sehen bei gleicher Größe im Allgemeinen besser aus als JPEGs, unterstützen breitere Farbbereiche und handhaben HDR natürlicher. Apples Motivation war pragmatisch: Immer bessere Handykameras, immer mehr Fotos, voller Speicher. Durch HEIC konnten die Dateigrößen drastisch reduziert werden, ohne dass Nutzer einen Qualitätsverlust bemerkten. Der Nachteil ist die Kompatibilität. Dein iPhone wandelt HEIC-Bilder zwar meistens automatisch in JPEG um, wenn du sie teilst – aber eben nicht immer. Dann kann es passieren, dass Freunde dein Foto nicht öffnen können.

Das technisch wohl korrekteste Format ist AVIF. Auch dieses stammt aus der Videowelt und basiert auf dem AV1-Video-Codec. Jemand erkannte, dass man ein einzelnes Bild aus einem Video extrahieren und absurd gute Kompression erzielen konnte. Im Vergleich zu JPEG oder PNG kann es bei gleicher Qualität dramatisch kleiner sein, bietet bessere Farben, feinere Farbverläufe und weniger blockige Artefakte. Es unterstützt sogar Transparenz und HDR, was früher auf mehrere Formate verteilt war. Auf dem Papier gewinnt es quasi alles. Das Problem ist der Zeitpunkt und die Reibung: Es kam spät, die Browser-Unterstützung rollte langsam an, und viele Tools unterstützten es anfangs nicht. Aber das ändert sich gerade. Moderne Browser unterstützen es, und große Plattformen nutzen es unbemerkt im Hintergrund. Wenn ein Bild schnell lädt und verdächtig gut für seine Größe aussieht, ist die Wahrscheinlichkeit hoch, dass AVIF hier die Arbeit macht.

Spezialisierte Formate wie TIFF (für Archivierung), RAW (unverarbeitete Sensordaten) und SVG (skalierbare Vektorgrafiken) erfüllen spezifische professionelle Anforderungen jenseits der alltäglichen Nutzung.

TIFF gibt es seit 1986. Es wurde für das Desktop Publishing entwickelt und ist das, was Fotografen und Profis für Archivierungszwecke verwenden. Es ist verlustfrei, unterstützt Ebenen, sehr hohe Farbtiefen und weite Farbräume – im Grunde alles, was man braucht, um ein Bild perfekt zu bewahren. Dateien sind entsprechend riesig. Man findet TIFF in Druckereien, bei professioneller Bildbearbeitung oder beim Scannen wichtiger Dokumente. Normale Nutzer kommen selten damit in Berührung, aber Profis kennen es.

RAW ist eigentlich noch kein Bild. Es sind unverarbeitete Sensordaten der Kamera, die noch nicht in ein fertiges Bild umgewandelt wurden. RAW ist auch kein einzelnes Format, sondern eine Kategorie von Dateien wie CR2, NEF und ARW, die jeweils von Kameraherstellern definiert werden. DNG ist Adobes Versuch, diese Kategorie zu standardisieren. Eine RAW-Datei enthält viel mehr Informationen, als in einem fertigen JPEG landen würden, bevor die Kamera Entscheidungen über Kontrast, Farbe, Schärfe oder Weißabgleich trifft.

SVG – die Vektorrevolution. SVG kam 2001 vom World Wide Web Consortium (der Gruppe, die auch HTML pflegt) und stellt einen völlig anderen Ansatz dar. Im Gegensatz zu allen bisher besprochenen Formaten ist SVG vektorbasiert, nicht pixelbasiert. Anstatt Farbwerte für jedes Pixel zu speichern, enthält eine SVG-Datei Anweisungen, die Formen, Linien, Kurven und Füllungen beschreiben. Da es sich nur um eine Reihe von Zeichenregeln handelt, kann dasselbe SVG von einem winzigen Icon bis zu einem riesigen Banner ohne Qualitätsverlust skaliert werden und bleibt in jeder Größe perfekt scharf – etwas, das Rasterformate niemals können. Deshalb nutzen moderne Websites SVG für Icons, Logos und Interface-Grafiken. Die Dateien sind meist klein, skalieren sauber über verschiedene Bildschirmdichten und bleiben scharf, ohne dass mehrere Versionen benötigt werden.

Häufig gestellte Fragen

Was ist der Hauptunterschied zwischen pixelbasierten und vektorbasierten Bildformaten?

Pixelbasierte Formate, auch Rastergrafiken genannt (z. B. JPEG, PNG, GIF, BMP), bestehen aus einzelnen Farbpunkten. Ihre Qualität hängt von der Anzahl der Pixel ab; beim Vergrößern können sie unscharf oder „pixelig“ wirken. Vektorbasierte Formate (z. B. SVG) speichern hingegen mathematische Anweisungen für Linien, Kurven und Formen. Dadurch sind sie unendlich skalierbar, ohne an Qualität zu verlieren, und bleiben in jeder Größe gestochen scharf.

Was ist die „verlustbehaftete Komprimierung“ bei JPEG und welche Nachteile hat sie?

Verlustbehaftete Komprimierung, wie sie bei JPEG angewendet wird, bedeutet, dass das Format Daten dauerhaft entfernt, die das menschliche Auge wahrscheinlich nicht bemerkt, um die Dateigröße drastisch zu reduzieren. Der Hauptnachteil ist, dass bei jedem Speichern und Bearbeiten weitere Qualitätsverluste auftreten können. Bei starker Komprimierung können „blocky squares“ oder Artefakte sichtbar werden, besonders an scharfen Kanten oder Texten.

Warum wurde PNG entwickelt und was macht es besser als GIF?

PNG entstand 1996 als direkte Reaktion auf die Forderung nach Lizenzgebühren für die Verwendung des GIF-Formats. Es wurde als offene und patentfreie Alternative geschaffen. PNG bietet im Gegensatz zu GIF verlustfreie Komprimierung, was bedeutet, dass keine Bilddaten verloren gehen. Zudem unterstützt es volle Transparenz mit feinen Abstufungen, während GIF nur eine begrenzte Transparenz und eine Farbtiefe von maximal 256 Farben bietet. Das macht PNG ideal für Logos, Icons und Grafiken, wo scharfe Kanten und Farbgenauigkeit wichtig sind, während GIF hauptsächlich für einfache Animationen oder Grafiken mit wenigen Farben verwendet wird.

Schreibe einen Kommentar