Bildformat umwandeln (JPG, PNG, WebP)

Was bedeutet Bildformat umwandeln, und was macht dieses Tool?

Wer ein Bildformat umwandeln möchte, behält den Inhalt des Bildes und ändert nur das Dateiformat. Zum Beispiel sind JPG zu PNG, PNG zu WebP oder WebP zu JPG typische Fälle. Mit dem Format ändern sich zudem Dateigröße, Transparenzunterstützung und die Programme, die die Datei öffnen. Das richtige Format zu wählen geht daher deutlich schneller, als das Bild neu aufzubereiten.

Das Tool leistet Folgendes:

• Als Zielformat stehen JPG, PNG und WebP bereit.
• Eine einzelne Datei lässt sich ebenso umwandeln wie ein Stapel mit bis zu 100 Dateien.
• Für jede Datei zeigt es Größe vorher und nachher sowie die Änderung in Prozent.
• Die EXIF Ausrichtung gilt, ein quer liegendes Handyfoto kommt also aufrecht heraus.

Alles läuft in Ihrem Browser, denn das Tool braucht keinen Server. Ihre Datei erreicht unseren Server nicht, und wir speichern nichts. Unser Team begegnet dieser Aufgabe am häufigsten bei der Vorbereitung von Bildern für Websites. Zum Beispiel bremst bei Projekten rund um Webdesign oft ein einziges Bild im falschen Format die ganze Seite.

Welches Zielformat passt, wenn Sie ein Bildformat umwandeln?

Die Wahl hängt an drei Fragen. Braucht das Bild Transparenz? Ist es ein Foto, oder enthält es scharfe Linien und Text? Wohin laden Sie es hoch? Somit entscheiden diese drei Antworten das Format fast von allein.

• JPG: Die häufigste Wahl für Fotos. Es komprimiert verlustbehaftet und kennt keine Transparenz, doch jedes System öffnet es. Daher eignet es sich für Uploads in Formulare und Anhänge in einer E-Mail.
• PNG: Es arbeitet verlustfrei und behält die Transparenz. Zum Beispiel bleiben Kanten bei Screenshots, Logos und Grafiken mit Text scharf. Bei Fotos wächst die Datei allerdings oft.
• WebP: Es arbeitet verlustbehaftet wie verlustfrei und unterstützt Transparenz. Für schnelle Websites ist es daher der beste Kandidat. Trotzdem öffnet nicht jedes ältere Programm WebP.

Zudem stützen Zahlen diese Wahl. Laut der WebP Dokumentation von Google ist verlustfreies WebP 26 % kleiner als PNG. Verlustbehaftetes WebP ist 25 bis 34 % kleiner als ein vergleichbares JPEG bei gleichem SSIM Qualitätsindex. Das sind Googles eigene Messwerte, daher kann Ihr Bild abweichen. Prüfen Sie deshalb in der Vorschau Größe vorher und nachher.

Wenn Sie Bilder für eine Website vorbereiten, behandelt unser Beitrag Bilder für die Website optimieren auch Größe und Ladereihenfolge.

Wie erkennt das Tool ein Format, ohne der Dateiendung zu trauen?

Das Tool vertraut der Dateiendung nicht. Es liest die ersten Bytes der Datei und erkennt das Format an diesen Markern. Danach zeigt es das Ergebnis in jeder Zeile als Erkanntes Format an, mit einem Etikett wie "WEBP → PNG".

Somit löst es ein Alltagsproblem. Viele Websites liefern Bilder als WebP aus, aber nach dem Speichern steht oft noch .jpg im Namen. Manche Programme öffnen so eine Datei deshalb nicht. Weil das Tool das echte Format erkennt, wandelt es sie trotzdem richtig um.

Außerdem kann es diese Eingaben öffnen:

• JPG, PNG, WebP, GIF, BMP und AVIF.
• Weitere Formate, die Ihr Browser öffnen kann.
• HEIC: Nur ein Browser mit entsprechender Unterstützung öffnet es, Safari ist ein Beispiel. Kann Ihr Browser es nicht, sagt das Tool das offen.

Bei animierten GIF und WebP Dateien wandelt das Tool nur das erste Bild um und weist Sie darauf hin. Brauchen Sie die Animation, hilft ein Einzelbild allerdings nicht. Behalten Sie dann die Originaldatei.

Wie funktionieren Stapelumwandlung und ZIP Archiv?

Sie können bis zu 100 Dateien gleichzeitig ins Panel legen. Ziehen Sie sie hinein, wählen Sie mehrere mit der Schaltfläche Bilder wählen oder fügen Sie ein kopiertes Bild mit Strg/Cmd+V ein. Dann legt das Tool für jede Datei eine eigene Zeile an.

Jede Zeile enthält diese Angaben:

• Eine kleine Vorschau und den Dateinamen.
• Die Richtung der Umwandlung, zum Beispiel "WEBP → PNG".
• Größe vorher und nachher sowie die Änderung in Prozent.
• Eine Schaltfläche Herunterladen für genau diese Datei.

Die Liste enthält außerdem eine Zusammenfassung: Anzahl der Dateien, Gesamtgröße vorher und nachher und die gesamte Änderung. Schließlich holen Sie alles auf einmal mit Alle als ZIP herunterladen.

Ändern Sie eine Einstellung, rechnet die Liste also von selbst neu. Wechseln Sie zum Beispiel das Ziel von PNG zu WebP oder bewegen Sie den Qualitätsregler, müssen Sie die Dateien nicht erneut hinzufügen. Somit probieren Sie schnell mehrere Varianten und behalten die beste. Vor allem bei Aufträgen mit Dutzenden Bildern, etwa einem Produktkatalog, spart das viel Zeit.

Was bedeutet die Qualitätseinstellung, und welchen Wert sollten Sie wählen?

Der Qualitätsregler erscheint nur bei verlustbehafteter Ausgabe, also bei den Zielen JPG und WebP. Konkret verkleinert verlustbehaftete Kompression eine Datei, indem sie Details weglässt, die das Auge kaum bemerkt. Je weiter Sie den Regler senken, desto kleiner die Datei, aber desto größer das Risiko für Blockbildung und Unschärfe. Der Standardwert liegt bei 92 %. Das Tool startet also mit einer Einstellung, die die Qualität hoch hält.

PNG arbeitet verlustfrei, deshalb blendet das Tool den Regler bei PNG aus. Ein PNG speichert jedes Pixel unverändert, daher gibt es keinen Verlust einzustellen.

Ein praktisches Vorgehen sieht so aus:

1. Starten Sie mit dem Standardwert 92 % und sehen Sie sich die Dateigröße an.
2. Ist die Datei danach noch zu groß, senken Sie die Qualität in kleinen Schritten.
3. Achten Sie in der Vorschau vor allem auf Textkanten, flache Flächen wie Himmel und feine Details in Gesichtern.
4. Sehen Sie dann Schäden, gehen Sie einen Schritt zurück.

Wer eine verlustbehaftete Datei immer wieder in ein verlustbehaftetes Format umwandelt, verliert jedes Mal etwas mehr Detail. Bewahren Sie deshalb das Original auf und erzeugen Sie jede neue Version daraus.

Was passiert mit einem transparenten Hintergrund bei JPG?

JPG kennt keine Transparenz. Wandeln Sie ein PNG oder WebP mit transparenten Bereichen in JPG um, braucht dieser Bereich eine Farbe. Dafür bietet das Tool die Option Farbe für transparente Bereiche: Weiß (Standard), Schwarz oder Eigene Farbe.

Somit bestimmt die gewählte Farbe das Ergebnis direkt. Wählen Sie zum Beispiel Weiß für ein helles Logo, verschwindet das Logo. Ein dunkles Logo wirkt auf Weiß gut, ein helles Logo dagegen besser auf Schwarz oder auf einer kontrastierenden eigenen Farbe.

Möchten Sie die Transparenz behalten, stellen Sie das Ziel stattdessen auf PNG oder WebP. MDN beschreibt, dass PNG volle Alphatransparenz unterstützt und JPEG keinen Alphakanal kennt. Google hält fest, dass WebP Transparenz im verlustfreien wie im verlustbehafteten Modus unterstützt.

Ein Missverständnis sollten wir ausräumen: JPG in PNG umwandeln macht den Hintergrund nicht transparent. Fehlt die Transparenz in der Quelldatei, kann die Umwandlung sie folglich nicht erzeugen. Einen Hintergrund zu entfernen ist eine eigene Bildbearbeitung.

Lädt das Tool Ihre Dateien hoch, und was passiert mit EXIF und Standort?

Nein, es lädt nichts hoch. Sobald die Seite offen ist, läuft der gesamte Vorgang im Browser auf Ihrem Gerät. Ihre Datei erreicht unseren Server nicht, und niemand speichert sie, daher können wir sie auch nicht sehen. Bei sensiblen Dateien wie Ausweis, Vertrag oder Kundenfoto ist das ein echter Vorteil.

Ehrlich sein müssen wir bei den Metadaten. Das Tool wendet die EXIF Ausrichtung an, ein quer liegendes Handyfoto kommt also aufrecht heraus. Die neue Datei entsteht allerdings, indem das Tool die Pixel neu zeichnet. Metadaten wie EXIF und GPS gelangen deshalb nicht in die Ausgabe. Das hat zwei Folgen:

• Ein Vorteil für den Datenschutz: Beim Teilen des Fotos gehen Standort und Geräteangaben nicht versehentlich mit.
• Ein Nachteil: Brauchen Sie Urheberangaben, Aufnahmedatum oder Kameraeinstellungen, passt das Tool nicht. Archivieren Sie dann das Original separat.

Kurz gesagt eignet sich das Tool für Kopien zum Teilen. Für Originale im Archiv legen Sie daher besser eine eigene Sicherung an.

Ist das Umwandeln des Formats dasselbe wie ein Bild verkleinern?

Nein. Das Tool ändert nur das Dateiformat, die Pixelmaße bleiben gleich. Breite und Höhe verändert es also nicht. Möchten Sie ein Bild von 4000 Pixeln Breite auf 1200 Pixel bringen, übernimmt die Bildverkleinerung diese Aufgabe.

• Formatumwandlung: Sie wählt JPG, PNG oder WebP, die Pixel bleiben gleich.
• Verkleinern: Es ändert Breite und Höhe und kann die Datei auch auf eine Zielgröße in KB bringen.

In der Praxis ist es ein häufiger Fall, beides zu kombinieren. Verkleinern Sie das Bild zuerst auf die Breite, die Sie wirklich brauchen, und wandeln Sie es danach um. Fürs Web ergibt diese Reihenfolge daher meist die kleinste Datei. Den Einfluss von Bildern auf die Ladezeit behandeln wir in unseren Beiträgen zu Core Web Vitals und zu Ladezeit und SEO.

Ist Ihre Website langsam, liegt es allerdings nicht immer nur an Bildern. Dann können wir die technische Lage gemeinsam im Rahmen einer SEO Beratung prüfen.