Viele Bildprobleme liegen nicht am Foto, sondern am Format. Ein iPhone-Foto lässt sich nicht an eine Bewerbung anhängen. Ein von einer Website gespeichertes Bild endet auf .webp, und Ihr Bildbetrachter verweigert es. Ein Logo hat nach einer „schnellen Umwandlung“ plötzlich einen weißen Kasten drumherum.
Dieser Ratgeber erklärt, wofür JPG, PNG, WebP, AVIF und HEIC gut sind (plus ein kurzer Blick auf GIF und SVG), wo sie Ärger machen und was Sie für eine Website, einen Social-Media-Post, den Druck oder eine E-Mail wählen.
Zwei Begriffe, die fast alles erklären
Verlustbehaftet und verlustfrei. Ein verlustbehaftetes Format (JPG sowie die verlustbehafteten Modi von WebP, AVIF und HEIC) verwirft Details, die das Auge kaum bemerkt; so passt ein 12-Megapixel-Foto in wenige Megabyte. Ein verlustfreies Format (PNG sowie die verlustfreien Modi von WebP und AVIF) speichert jedes Pixel exakt: ideal für Screenshots und Grafiken, riesig bei Fotos.
Transparenz (Alphakanal). PNG, WebP, AVIF und HEIC können durchsichtige Pixel speichern, damit ein Logo auf jedem Hintergrund sitzt. JPG kann das nicht. GIF kennt nur „durchsichtig oder nicht“, ohne weiche Kanten.
Stellen Sie sich diese zwei Fragen (verlustfrei? Transparenz?), und die meisten Entscheidungen ergeben sich von selbst.
Die Formate im Einzelnen
JPG (JPEG)
Das universelle Fotoformat. Jedes Handy, jeder Computer, Browser, Fotodruckautomat und jedes Upload-Formular akzeptiert es. Es ist verlustbehaftet und gibt weiche Verläufe und echte Texturen gut wieder, hat aber weder Transparenz noch Animation.
Seine Schwäche sind scharfe Kanten: Text, dünne Linien und flächige Grafiken bekommen unscharfe „Höfe“, besonders bei niedriger Qualität. Außerdem verliert ein JPG bei jedem Bearbeiten und erneuten Speichern ein wenig mehr. Einmal sieht man nichts, nach zehn Mal schon.
PNG
Verlustfrei, mit voller Transparenz. Das richtige Zuhause für Screenshots, Diagramme, Logos, textlastige Grafiken und alles, was Sie weiter bearbeiten. Es funktioniert überall.
Der Haken ist die Größe. Ein als PNG gespeichertes Foto ist oft um ein Vielfaches größer als ein gutes JPG desselben Fotos, ohne sichtbaren Vorteil. Ein 15 MB großes „foto.png“ hätte fast sicher ein JPG sein sollen.
WebP
Ein Format für das Web: verlustbehaftet oder verlustfrei, mit Transparenz und Animation. Alle aktuellen großen Browser zeigen es an, deshalb liefern so viele Websites ihre Bilder als WebP aus. Gegenüber einem JPG mit ähnlicher Bildqualität ist verlustbehaftetes WebP oft etwa ein Viertel bis ein Drittel kleiner, je nach Bild aber sehr unterschiedlich.
Die Tücke: „Bild speichern unter“ auf einer Website liefert eine .webp-Datei, und manche ältere Desktopprogramme, Office-Dokumente und Upload-Formulare lehnen sie noch ab. Die Datei ist nicht kaputt; die Gegenseite kennt das Format nur nicht.
AVIF
Ein neueres Format auf Basis des Videocodecs AV1. Es komprimiert meist noch besser als WebP, unterstützt Transparenz, Animation und HDR und vermeidet die stufigen Farbbänder in Verläufen, die man bei JPGs niedriger Qualität sieht. Aktuelle große Browser zeigen es an (Safari ab 16.4), aber ältere Geräte und viele Bearbeitungs- und Office-Programme öffnen es nicht, und das Erstellen ist langsam.
HEIC (HEIF)
Das Standard-Fotoformat des iPhones. Es ist effizient (oft etwa halb so groß wie ein vergleichbares JPG) und kann Zusatzdaten wie Tiefeninformationen speichern. Außerhalb von Apple-Geräten macht es jedoch am häufigsten Probleme: Windows braucht unter Umständen eine Erweiterung, die meisten Browser zeigen es nicht an, und viele Upload-Formulare lehnen es ab.
Damit neue Fotos als JPG gespeichert werden, wählen Sie auf dem iPhone Einstellungen → Kamera → Formate → Maximale Kompatibilität. Vorhandene Fotos wandeln Sie vor dem Teilen um.
GIF und SVG in Kürze
GIF ist auf 256 Farben pro Bild begrenzt, Fotos wirken daher körnig und die Dateien werden groß. Die verbleibende Stärke: Animierte GIFs laufen fast überall, auch in E-Mails und Chats.
SVG ist eine in Code beschriebene Vektorzeichnung und bleibt in jeder Größe gestochen scharf; ideal für Logos und Icons auf Websites. Die meisten sozialen Netzwerke und viele Upload-Formulare lehnen SVG ab, und Text in einer SVG kann auf einem anderen Computer in einer anderen Schrift erscheinen, wenn die Schrift nicht eingebettet ist.
Schnellauswahl-Tabelle
| Was Sie speichern | Beste Wahl | Geht auch | Vermeiden |
|---|---|---|---|
| Foto zum Teilen oder Hochladen überall | JPG | — | PNG (zu groß), HEIC (öffnet evtl. nicht) |
| Foto auf Ihrer eigenen Website | WebP oder AVIF | JPG | PNG |
| Screenshot mit Text | PNG | verlustfreies WebP | JPG mit niedriger Qualität |
| Logo oder Icon für die Website | SVG | PNG, WebP | JPG (keine Transparenz) |
| Logo zum Hochladen oder für Dokumente | PNG (transparent) | — | SVG (oft abgelehnt) |
| Kurze Animation für E-Mail oder Chat | GIF | — | animiertes WebP (läuft evtl. nicht) |
| Foto für den Druck | JPG in hoher Qualität | PNG | WebP, AVIF, HEIC |
| E-Mail-Anhang | JPG | PNG für Grafiken | HEIC, WebP, AVIF |
Auswahl nach Verwendungszweck
Eigene Website oder Onlineshop. Schwere Bilder bremsen Seiten aus. Nutzen Sie für die meisten Fotos und Grafiken WebP: JPG in WebP umwandeln und PNG in WebP umwandeln arbeiten stapelweise und behalten die Transparenz. Eine Qualität um 80 % ist ein guter Startwert. Verkleinern Sie zuerst: Ein 4000 Pixel breites Foto in einer 1200 Pixel breiten Spalte verschwendet in jedem Format Daten, also zuerst Bildgröße ändern. Für Logos und Icons bleibt SVG.
Social-Media-Posts. Laden Sie Fotos als JPG und Grafiken mit Text als PNG hoch. Die Plattformen komprimieren ohnehin alles neu, daher sieht ein sauberes JPG in vernünftiger Größe (etwa 1080 Pixel breit für einen Feed-Post) meist besser aus als eine Riesendatei, die die Plattform selbst verkleinert. WebP und AVIF bringen hier nichts.
Druck. Schicken Sie ein JPG in hoher Qualität (90 % oder mehr) oder ein PNG in der vollen Auflösung, die die Druckerei verlangt. Viele Druckereien und Fotoautomaten nehmen kein WebP, AVIF oder HEIC an. Logos exportieren Sie mit SVG in PNG umwandeln in 4× oder einer festen Breite; Vektoren werden in jeder Größe scharf neu gezeichnet.
E-Mail. Bleiben Sie bei JPG und PNG, die jedes Mailprogramm anzeigt. HEIC-Anhänge kommen oft als Datei an, die sich nicht öffnen lässt. Mehrere Handyfotos komprimieren Sie vorher; ein JPG mit 75–80 % reicht für die Ansicht am Bildschirm völlig.
Umwandeln: Was Sie gewinnen, was Sie verlieren
Umwandeln ist einfach. Entscheidend ist zu wissen, welche Richtung etwas kostet.
- Verlustbehaftet → verlustfrei (JPG in PNG) holt verlorene Details nicht zurück. Es friert nur die aktuelle Qualität für weitere Bearbeitungen ein, und die Datei wird größer. JPG in PNG umwandeln hilft vor dem Bearbeiten, nicht als Qualitätsreparatur.
- Verlustbehaftet → verlustbehaftet (HEIC, WebP oder AVIF in JPG) komprimiert das Bild noch einmal. Bei 85–92 % Qualität ist das kaum zu sehen, aber wandeln Sie nicht hin und her; starten Sie immer vom Original.
- Alles mit Transparenz → JPG füllt durchsichtige Bereiche, meist mit Weiß. Das ist das Problem mit dem „weißen Kasten ums Logo“; nehmen Sie für Logos PNG oder WebP.
- Animiert → Standbild behält nur das erste Einzelbild; ein animiertes WebP wird zu einem einzigen JPG.
- Vektor → Pixel (SVG in PNG) ist unproblematisch, wenn die Größe reicht. Wählen Sie 2× für scharfe Ergebnisse auf hochauflösenden Bildschirmen.
Welches Werkzeug wofür:
- iPhone-Fotos, die sich nicht öffnen lassen: HEIC in JPG umwandeln wandelt stapelweise in eine ZIP-Datei um (oder in PNG, wenn Sie viel bearbeiten). Beim ersten Mal dauert es kurz, weil der Decoder geladen wird.
- Eine .webp- oder .avif-Datei von einer Website: WebP in JPG umwandeln oder AVIF in JPG umwandeln. Für AVIF brauchen Sie einen einigermaßen aktuellen Browser.
- Ein riesiges PNG-Foto: PNG in JPG umwandeln macht es meist um ein Vielfaches kleiner.
- Jede Richtung zwischen JPG, PNG und WebP mit Qualitätsregler: Bild umwandeln.
- Dateien, die einfach zu groß sind: Bild komprimieren verkleinert JPG, PNG und WebP stapelweise, kann die längere Seite begrenzen (etwa auf 1920 px) und entfernt Standortdaten (EXIF).
- Fotos, die sich bewegen sollen: Der GIF-Maker erstellt ein animiertes GIF aus JPG-, PNG- oder WebP-Bildern.
Alle laufen kostenlos in Ihrem Browser, ohne Upload: Ihre Fotos verlassen Ihr Gerät nicht.
Häufige Fehler
- Fotos „wegen der Qualität“ als PNG speichern. Die Datei wird viel größer, ohne sichtbare Verbesserung. Nehmen Sie ein JPG in hoher Qualität.
- Ein Logo in JPG umwandeln. Der transparente Hintergrund wird weiß. Behalten Sie Logos als PNG, WebP oder SVG.
- Erwarten, dass JPG in PNG Unschärfe oder Blockartefakte behebt. Verlorene Details bleiben verloren.
- Dasselbe JPG immer wieder speichern. Bewahren Sie das Original auf und exportieren Sie jede Version daraus.
- Ein riesiges Bild auf die Website laden. Auf die tatsächlich angezeigte Größe verkleinern, dann in WebP umwandeln.
- HEIC an jemanden mit Windows schicken. Vorher in JPG umwandeln oder das iPhone auf Maximale Kompatibilität stellen.
FAQ
Ist WebP besser als JPG?
Für Ihre eigene Website meist ja: Es ist bei ähnlicher Qualität typischerweise kleiner und unterstützt Transparenz. Zum Verschicken, für Upload-Formulare oder den Druck ist JPG weiterhin sicherer, weil es überall geöffnet werden kann.
Warum lassen sich HEIC-Fotos unter Windows nicht öffnen?
HEIC wird unter Windows nicht immer ab Werk unterstützt, und die meisten Browser und Upload-Formulare kommen damit nicht zurecht. Eine Umwandlung in JPG löst das, und mit der iPhone-Kameraeinstellung Maximale Kompatibilität tritt das Problem bei neuen Fotos gar nicht erst auf.
Verliert man beim Umwandeln von HEIC in JPG Qualität?
Technisch wird das Foto einmal neu komprimiert, aber bei hoher JPG-Qualität (um 90 %) ist der Unterschied kaum zu erkennen. Das JPG ist meist größer als die HEIC-Datei.
Sollte ich 2026 AVIF auf meiner Website verwenden?
Es ist eine gute Option, wenn Ihre Besucher aktuelle Browser nutzen, denn die Dateien sind oft kleiner als WebP. WebP bleibt der einfachere, sichere Standard, und eine JPG- oder WebP-Alternative für ältere Geräte ist sinnvoll.
Welches Format eignet sich am besten für ein Logo?
SVG auf Ihrer eigenen Website, PNG mit transparentem Hintergrund überall sonst und ein großes, aus der SVG exportiertes PNG für Druck und Uploads.