Ein Nutzer lädt ein Foto hoch, das auf einem iPhone aufgenommen wurde. Die Datei ist HEIC, etwa 1.8 MB. Dein <img>-Tag kann sich nicht darauf verlassen: HEIC hat keine native Unterstützung in Chrome, Firefox oder Edge. Das Bild wird also entweder ein JPG mit 3.4 MB oder ein WebP mit rund 1.2 MB ohne sichtbaren Unterschied. Genau diese Lücke ist der Grund, warum WebP die Antwort für Fotos ist, die als HEIC ankommen.
Dieser Leitfaden behandelt die Konvertierung von HEIC nach WebP, wie der Größenvergleich über die Formate hinweg aussieht, und die Optionen von einem Browser-Tool bis zu einem Shell-Befehl, den du in einen Build einbauen kannst.
Warum WebP und nicht HEIC
HEIC ist hervorragend darin, Fotos zu speichern, bei gleicher Qualität ungefähr halb so groß wie JPEG. Als Auslieferungsformat im Web ist es aber nutzlos. Chrome, Firefox, Edge und Safari unterstützen WebP seit Jahren, während HEIC-Unterstützung nur in Safari und ein paar herstellerspezifischen Ecken existiert. Auf HEIC kannst du dich bei hochgeladenen Bildern nicht verlassen, und genau dafür gibt es Konvertierungs-Pipelines.
WebP deckt dasselbe Gebiet ab wie HEIC: ein verlustbehaftetes Format, gebaut auf moderner Komprimierung, mit einem verlustfreien Modus und Alpha-Transparenz. Bei einem Foto macht der praktische Unterschied zwischen WebP und JPG bei gleicher visueller Qualität eine Datei aus, die ungefähr 25 bis 35 Prozent kleiner ist. Das ist eine spürbare Ersparnis auf einer bildlastigen Seite.
Der Größenvergleich
Dasselbe 12-MP-Foto, gleiche visuelle Qualität:
| Format | Größe | Browser | Hinweise |
|---|---|---|---|
| HEIC | ~1.8 MB | nur Safari | Quellformat von iPhones |
| JPG | ~3.4 MB | alle | Ausgangsbasis |
| WebP | ~1.2 MB | alle | verlustbehaftet, mit Alpha-Unterstützung |
| PNG | ~24 MB | alle | verlustfrei, nicht für Fotos |
Der Leitfaden zu Web-Bildformaten enthält den vollständigen Vergleich, falls du den Hintergrund brauchst, wo WebP gegenüber JPG und PNG steht.
Option 1: im Browser konvertieren
Der einfachste Weg ist ein Tool, das komplett auf dem Gerät läuft. Der HEIC-zu-WebP-Konverter dekodiert HEIC lokal mit WebAssembly und schreibt WebP-Dateien, sodass die Fotos das Gerät nie verlassen. Du kannst die Qualität einstellen, einen ganzen Ordner konvertieren und die Ergebnisse als ZIP herunterladen. Das funktioniert für einmalige Konvertierungen und für Designer oder Redakteure, die sich in der Kommandozeile nicht wohlfühlen.
Option 2: in der Kommandozeile konvertieren
Für eine Pipeline ist der klassische Stack libheif plus libwebp. Auf macOS mit Homebrew:
brew install libheif webp
Dann konvertierst du mit heif-convert und cwebp:
heif-convert input.heic output.png
cwebp -q 82 output.png -o output.webp
Oder du überspringst die Zwischendatei mit ffmpeg:
ffmpeg -i input.heic -c:v libwebp -quality 82 output.webp
Beide Befehle respektieren ein Qualitätsargument, und cwebp hat das breiteste Set an Steuerungen, inklusive verlustfreiem Modus und -m 6 für die langsamste, kleinste Ausgabe. Für einen Ordner schleifst du darüber:
for f in *.heic; do heif-convert "$f" "${f%.heic}.png"; cwebp -q 82 "${f%.heic}.png" -o "${f%.heic}.webp"; done
Das reicht, um es in ein Shell-Skript oder einen CI-Job einzubauen, der Uploads serverseitig verarbeitet.
Qualität und Format in WebP wählen
Zwei Entscheidungen beeinflussen die Ausgabe mehr als alles andere:
- Verlustbehaftet vs. verlustfrei.
cwebp -losslessoder-q 100mit dem verlustfreien Flag behält jedes Pixel, erzeugt aber größere Dateien. Nutze es für Screenshots, Logos und alles mit flachen Farben und Text. Für Fotos nimm verlustbehaftet. - Die Qualitätszahl.
-q 82ist ein vernünftiger Standard für Fotos: visuell sauber und viel kleiner als JPG. Für hochwertige Ziele kostet-q 90mehr Bytes, liegt aber näher an der Quelle. Derselbe Kompromiss wie bei den JPG-Qualitätseinstellungen, den HEIC ohne Qualitätsverlust in JPG konvertieren im Detail erklärt.
WebP kann auch Alpha, sodass ein HEIC-Bild mit einem Transparenzkanal die Reise übersteht, was JPG verwerfen würde.
Ein Hinweis zu neueren Formaten
AVIF, der auf AV1 basierende Nachfolger, schlägt WebP in der Regel bei der Größe und wird inzwischen von allen großen Browsern unterstützt. Wenn du eine frische Pipeline baust und deinen Decoder wählen kannst, lohnt es sich, AVIF für deine konkreten Bilder gegen WebP zu testen. Der Kompromiss sind Encoder-Geschwindigkeit und Werkzeug-Reife, weshalb WebP für die meisten Teams der sichere Standard bleibt. Der Leitfaden zu Web-Bildformaten hat mehr dazu, wo jedes Format hingehört.
Die Kurzversion
Konvertiere HEIC nach WebP für alles, was auf einer Website landet. Es wird überall unterstützt, ist bei gleicher Qualität kleiner als die JPG-Alternative und lässt sich mit einem Browser-Tool oder einer Shell-Pipeline aus zwei Befehlen konvertieren. Behalte die ursprüngliche HEIC als Quelle der Wahrheit, konvertiere beim Upload oder in einem Stapel-Job und lass das Format die Ladezeit-Rechnung für dich machen.