Start / Guides / Bildformate
Bildformate — der vollständige Guide
JPG, PNG, WebP, SVG, GIF, AVIF, HEIC — jedes Format hat seine Geschichte, Stärken und den perfekten Einsatzzweck. Dieser Guide erklärt alle gängigen Web-Bildformate auf einen Blick.
📷JPG / JPEGseit 1992
Verlustbehaftet, universell, ideal für Fotos
Stärken
✓ Universal kompatibel
✓ Kleine Dateien bei Fotos
✓ Bewährt und weit verbreitet
Schwächen
✗ Keine Transparenz
✗ Qualitätsverlust bei Neuspeicherung
✗ Artefakte bei starker Komprimierung
🖼️PNGseit 1996
Verlustfrei, volle Transparenz, für Grafiken
Stärken
✓ Verlustfreie Qualität
✓ Voller Alpha-Kanal
✓ Universal kompatibel
Schwächen
✗ Große Dateien bei Fotos
✗ Keine Animation
⚡WebPseit 2010
Modern, kleinste Dateien, alle Features
Stärken
✓ 25–50% kleiner als JPG/PNG
✓ Transparenz + Animation
✓ 96%+ Browser-Support
Schwächen
✗ Kein E-Mail-Support
✗ Ältere Software fehlt Support
✏️SVGseit 2001
Vektorgrafik, skaliert verlustfrei
Stärken
✓ Verlustfrei skalierbar
✓ Sehr klein für Icons
✓ Animierbar via CSS
Schwächen
✗ Ungeeignet für Fotos
✗ Sicherheitsrisiko aus fremden Quellen
🎞️GIFseit 1987
Animation, aber nur 256 Farben
Stärken
✓ Universal-Animation
✓ Überall unterstützt (auch E-Mail)
Schwächen
✗ Nur 256 Farben
✗ Sehr große Dateien
✗ Technisch veraltet
🚀AVIFseit 2019
Kleinstes Format, Zukunft des Webs
Stärken
✓ 20–30% kleiner als WebP
✓ HDR-Unterstützung
✓ Offener Standard
Schwächen
✗ Langsame Kodierung
✗ Ältere Browser fehlt Support
✗ Kaum Tool-Support
🍎HEICseit 2017
iPhone-Format, effizient aber inkompatibel
Stärken
✓ 50% kleiner als JPG
✓ HDR, Live Photos
✓ Apple-ökosystem optimiert
Schwächen
✗ Nur Apple nativ
✗ Kein Browser-Support (außer Safari)
✗ Konvertierung nötig
Entscheidungshilfe: Welches Format?
📸
Foto für Website
WebP (JPG Fallback)
✏️
Logo / Icon auf Website
SVG (wenn verfügbar)
🔲
Grafik mit Transparenz
WebP oder PNG
🎬
Animation auf Website
WebP animated / MP4
📱
iPhone-Foto verwenden
HEIC → JPG konvertieren
🚀
Höchste Kompression Web
AVIF
Tools für alle Formate