Jedes Bildformat ist ein Bündel von Kompromissen zwischen Dateigröße, Qualität und Funktionen wie Transparenz oder Animation. Wählen Sie das falsche, bekommen Sie aufgeblähte Dateien, unscharfen Text oder Grafiken, die sich nicht anzeigen lassen. Hier jedes der gängigen Formate in klaren Worten, gefolgt von einer Tabelle, die Sie griffbereit halten können.
Die zwei großen Familien
Vor den einzelnen Formaten erklärt eine Unterscheidung die meisten von ihnen:
- Raster-Bilder sind Raster aus Pixeln. Fotos sind Raster. Zoomen Sie weit genug hinein, sehen Sie Quadrate. PNG, JPG, WebP, AVIF und GIF sind allesamt Raster.
- Vektor-Bilder sind Mathematik – Linien, Kurven und Formen, die durch Koordinaten definiert sind. Sie skalieren auf jede Größe ohne zu verschwimmen. SVG ist das Vektorformat im Web.
Die andere Kernidee ist verlustbehaftet vs. verlustfrei. Verlustbehaftete Formate (JPG, meist AVIF/WebP) verwerfen einige Details, um die Datei zu verkleinern. Verlustfreie Formate (PNG, GIF, verlustfreies WebP) behalten jedes Pixel exakt.
Die Formate, eins nach dem anderen
JPG (JPEG) — Das Arbeitspferd für Fotos. Verlustbehaftet, klein und buchstäblich überall lesbar. Keine Transparenz, keine Animation. Wiederholtes Neuspeichern verschlechtert es langsam. Für Fotos und überall dort, wo maximale Kompatibilität nötig ist.
PNG — Verlustfrei, unterstützt Transparenz. Die richtige Wahl für Screenshots, Logos, Icons und Diagramme – alles mit Text oder harten Kanten. Fotos in PNG sind groß, also nutzen Sie es nicht dafür.
WebP — Ein modernes Format, das beide Aufgaben erledigt: Der verlustbehaftete Modus schlägt JPG bei der Größe (~25–35 % kleiner), der verlustfreie Modus unterstützt Transparenz und bleibt kompakt. Bewältigt auch Animation. Inzwischen in Browsern universell unterstützt. Ideal fürs Web; weniger für E-Mail oder ältere Software.
AVIF — Der neueste und beste Kompressor hier, etwa halb so groß wie JPEG bei ähnlicher Qualität, mit Transparenz und HDR. Browser können es gut anzeigen, aber nicht zuverlässig aus einem Canvas kodieren – daher weichen browserbasierte Tools auf WebP aus, wenn Sie AVIF anfordern. Echtes AVIF-Kodieren braucht einen Server oder eine native App.
GIF — Alt, auf 256 Farben begrenzt, aber der Klassiker für einfache Animation. Für alles jenseits einer kurzen Schleife ist WebP (oder ein Video) kleiner und schärfer. In Ordnung für winzige animierte Icons; schlecht für Fotos.
SVG — Vektor, skaliert also unendlich ohne Unschärfe und bleibt bei einfachen Grafiken winzig. Perfekt für Logos, Icons und Illustrationen. Es ist Code, keine Pixel, kann also kein Foto darstellen.
Vergleichstabelle
| Format | Typ | Kompression | Transparenz | Animation | Am besten für |
|---|---|---|---|---|---|
| JPG | Raster | Verlustbehaftet | Nein | Nein | Fotos, max. Kompatibilität |
| PNG | Raster | Verlustfrei | Ja | Nein | Screenshots, Logos, Text |
| WebP | Raster | Beides | Ja | Ja | Web-Bilder, klein + Alpha |
| AVIF | Raster | Verlustbehaftet/-frei | Ja | Ja | Max. Kompression (serverseitig) |
| GIF | Raster | Verlustfrei | Nur 1-Bit | Ja | Einfache Animationen |
| SVG | Vektor | Entfällt | Ja | Ja (mit CSS/JS) | Logos, Icons, Illustrationen |
Schnell auswählen
- Foto? JPG für Kompatibilität, WebP fürs Web.
- Screenshot, Logo oder Text? PNG (Raster) oder SVG (wenn es echte Vektorgrafik ist).
- Transparenz nötig? PNG, WebP, AVIF oder SVG – niemals JPG.
- Animation? WebP für Qualität und Größe, GIF nur für die schlichte Alt-Kompatibilität.
- Veröffentlichung auf einer Website? WebP ist meist die kluge Standardwahl.
Zwischen ihnen konvertieren
Wenn Sie das falsche Format haben, müssen Sie nichts hochladen, um es zu beheben. Der Bild-Konverter wechselt zwischen PNG, JPG und WebP direkt in Ihrem Browser mit Canvas – kein Konto, nichts wird übertragen, und es funktioniert nach dem ersten Besuch offline. Er verarbeitet Stapel, und wenn Sie AVIF anfordern, weicht er auf WebP aus (kleiner als JPG/PNG und überall unterstützt), da Browser AVIF nicht zuverlässig kodieren können.
Behalten Sie die Tabelle oben im Kopf, und die Formatwahl ist keine Rätelei mehr: Passen Sie das Format an den Inhalt an (Foto vs. Grafik), dann an das Ziel (Web, E-Mail, Druck), und Sie wählen fast jedes Mal richtig.