Bildformate erklärt: PNG, JPG, WebP, HEIC — Vollständiger Leitfaden

Die Wahl des richtigen Bildformats beeinflusst Dateigröße, Qualität, Ladegeschwindigkeit und Kompatibilität. Hier ist ein vollständiger Überblick über jedes wichtige Format, dem du begegnen wirst.

JPG / JPEG

Vollständiger Name: Joint Photographic Experts Group

Kompression: Verlustbehaftet — entfernt Daten dauerhaft, um die Größe zu reduzieren

Transparenz: Nein

Am besten für: Fotografien, soziale Medien, E-Mail-Bilder

Typische Größe: 50 KB – 2 MB für Webfotos

JPG ist seit den 1990er-Jahren das Standardfotoformat. Jedes Gerät, jeder Browser und jede Anwendung unterstützt es. Die Hauptbeschränkung ist, dass jedes Speichern das Bild neu komprimiert und die Qualität schrittweise verschlechtert. Verwende JPG niemals für Logos, textlastige Grafiken oder Bilder, die du wiederholt bearbeiten wirst.

PNG

Vollständiger Name: Portable Network Graphics

Kompression: Verlustfrei — kein Qualitätsverlust

Transparenz: Ja (voller Alphakanal)

Am besten für: Logos, Icons, Screenshots, Bilder mit Transparenz

Typische Größe: 100 KB – 10 MB je nach Inhalt

PNG wurde als bessere Alternative zu GIF entwickelt (ohne dessen Patentprobleme). Seine verlustfreie Kompression und Transparenzunterstützung machen es zum Standard für Design-Assets. PNG-Dateien sind bei Fotografien größer als JPG, aber bei einfachen Grafiken mit flächigen Farben kleiner als JPG.

WebP

Entwickler: Google (2010)

Kompression: Sowohl verlustbehaftet als auch verlustfrei

Transparenz: Ja

Animation: Ja

Am besten für: Webbilder, als Ersatz für JPG und PNG auf Websites

Typische Größe: 25–35 % kleiner als das entsprechende JPG

WebP ist das moderne Webformat. Es kann alles, was JPG und PNG können, aber besser — kleinere Dateien, optionale Transparenz und Unterstützung für Animation. Die Browser-Unterstützung ist inzwischen universell. Die Hauptbeschränkung ist, dass einige Anwendungen außerhalb des Browsers es noch nicht unterstützen.

HEIC / HEIF

Vollständiger Name: High Efficiency Image Container / High Efficiency Image Format

Entwickler: MPEG (von Apple seit iOS 11 verwendet)

Kompression: Verlustbehaftet (sehr effizient)

Transparenz: Ja

Am besten für: iPhone- und iPad-Fotos

Typische Größe: ~50 % kleiner als JPG bei gleicher Qualität

HEIC ist Apples Kameraformat. Es eignet sich hervorragend für die Speicherung — Fotos sind bei gleicher Qualität etwa halb so groß wie JPG. Das Problem ist die Kompatibilität: Windows, Android und die meisten Webplattformen unterstützen HEIC nicht nativ. Konvertiere HEIC zu JPG zum Teilen.

GIF

Vollständiger Name: Graphics Interchange Format

Kompression: Verlustfrei (aber auf 256 Farben begrenzt)

Transparenz: Nur binär (ein Pixel ist entweder vollständig transparent oder vollständig undurchsichtig)

Animation: Ja

Am besten für: Kurze Loop-Animationen, Memes

Das 256-Farben-Limit von GIF macht es für Fotografien ungeeignet. Für moderne animierte Inhalte erzeugen WebP oder MP4-Video dramatisch kleinere Dateien. GIF hält sich hauptsächlich aus kulturellen Gründen bzw. wegen Memes, nicht wegen technischer Vorzüge.

SVG

Vollständiger Name: Scalable Vector Graphics

Typ: Vektor (nicht raster-/pixelbasiert)

Skalierbarkeit: Unendlich — sieht bei jeder Größe perfekt aus

Am besten für: Logos, Icons, Illustrationen, UI-Elemente

SVG ist kein Rasterformat wie die anderen — es speichert mathematische Beschreibungen von Formen statt Pixel. Das bedeutet, dass Logos und Icons bei jeder Größe immer scharf sind. SVGs sind in der Regel winzig (1–10 KB), was sie ideal für Icons und Logos auf Websites macht.

TIFF

Vollständiger Name: Tagged Image File Format

Kompression: In der Regel verlustfrei

Am besten für: Druck, professionelle Fotografie, Archivierung

TIFF-Dateien sind sehr groß, bewahren aber maximale Qualität. Sie sind der Standard für druckreife Dateien und professionelle Fotografiearchive. Verwende TIFF niemals auf einer Website — die Dateien sind für die Web-Auslieferung zu groß.

Schneller Formatwähler

Situation	Verwenden
Foto auf Website	WebP oder JPG
Logo oder Icon	SVG oder PNG
Screenshot mit Text	PNG
iPhone-Foto zum Teilen	HEIC in JPG konvertieren
Animiertes Bild	WebP oder MP4
Druckdesign	TIFF oder PDF
E-Mail-Bild	JPG