Skip to main content

Image Format Converter

Convert images between PNG, JPEG, and WebP formats in one click.

Geprüft von · Zuletzt geprüft

🔄

Drop an image here or click to upload

Supports JPG, PNG, WebP

So verwendest du den Bildformat-Konverter

  1. Lege die Quelldatei in den Upload-Bereich. JPEG, PNG, WebP und GIF werden alle akzeptiert; das Tool ermittelt den MIME-Typ aus der Datei, statt der Erweiterung zu vertrauen.
  2. Wähle ein Zielformat mit den Radio-Buttons: PNG für verlustfreie Archivierung, JPEG für maximale Kompatibilität oder WebP für moderne Web-Lieferung.
  3. Prüfe die Vorschau. Das neue Format wird live gerendert, damit du Probleme erkennen kannst, wie Transparenz, die beim Konvertieren von PNG zu JPEG abgeflacht wird.
  4. Klicke auf "Konvertieren". Das Bild wird dekodiert, in eine Canvas gezeichnet und über canvas.toBlob(mimeType, 0,92) für JPEG und WebP neu exportiert. Der Standard 0,92 ist ein Kompromiss, der sichtbare Artefakte bei den meisten Fotos fernhält.
  5. Lade die konvertierte Datei herunter. Die Ausgabe wird über eine Objekt-URL bereitgestellt, sodass der Download offline funktioniert, sobald die Seite geladen ist.

Intern: Warum Formatkonvertierung nicht kostenlos ist

Jedes Format hat seinen eigenen Container und seinen eigenen Komprimierungsalgorithmus, sodass "PNG zu JPEG konvertieren" eine zweistufige Operation ist: die Quelle vollständig in einen RGBA-Pixelpuffer dekodieren, dann diesen Puffer durch einen anderen Codec neu kodieren. Der Browser stellt genau diese Pipeline durch den HTML5-Canvas-2D-Kontext bereit. Wir laden das Bild über createImageBitmap (asynchron und off-Main-Thread, wo unterstützt), malen es auf eine Canvas, die der Quelle entspricht, und rufen canvas.toBlob mit dem Ziel-MIME-Typ auf. Der Qualitätsparameter ist nur für verlustbehaftete Ziele bedeutsam - JPEG und WebP berücksichtigen ihn, während PNG ihn ignoriert, weil PNG-Komprimierung vollständig verlustfrei ist.

Das Problem ist, dass formatspezifische Metadaten dabei verworfen werden. EXIF-Tags von einem Kamera-JPEG, Farbabsichts-Chunks aus einem PNG (wie iCCP für ICC-Profile oder gAMA für Gamma), Animationsbilder aus einem GIF und XMP-Metadaten-Blöcke verschwinden alle, wenn die Pipeline aus rohen Pixeln neu kodiert. Für Web-Lieferung ist das normalerweise in Ordnung und oft wünschenswert; für Archivierungs-Workflows kann es ein Problem sein.

Häufige Konvertierungsszenarien

  • Einen Screenshot-PNG in ein WebP für einen Markdown-Blog-Post umwandeln und dabei die Datei von 800 KB auf 80 KB ohne sichtbaren Verlust reduzieren.
  • Ein iPhone-HEIC-Foto (nach einem Zwischenschritt in Fotos oder Preview) in ein allgemein lesbares JPEG für ein altes WordPress-Upload-Formular umwandeln.
  • Einen transparenten PNG-Logo auf ein JPEG abflachen, damit er als Hintergrund in einem älteren E-Mail-Client verwendet werden kann, der Alpha-Kanäle schluckt.
  • Design-Mockups von einem verlustfreien PNG-Master zu WebP für die Produktion exportieren, wo die kleinere Datei die Core Web Vitals verbessert.
  • Eine Mischung aus JPEG, PNG und WebP-Benutzer-Uploads auf ein einziges kanonisches Format normalisieren, bevor sie auf einem CDN gespeichert werden.
  • Eine schnelle GIF-Bildschirmaufnahme in ein stilles PNG des ersten Bildes für Dokumentation konvertieren, wo Animation nicht benötigt wird.

Format-Konvertierungs-Randfälle

  • Transparenz verschwindet, wenn du JPEG anvisierst. JPEG hat keinen Alpha-Kanal, sodass transparente Pixel auf einen weißen (oder was auch immer der Canvas-Hintergrund ist) Hintergrund gemischt werden. Dies überrascht oft bei Logos oder Icons.
  • Animierte GIFs werden zu Einzelbildern. Die Canvas erfasst nur das Bild, das aktuell war, als createImageBitmap aufgelöst hat. Für Animation-Erhaltung verwende ein GIF-bewusstes Tool wie gifsicle oder ffmpeg.
  • Farbprofile gehen verloren. Ein Wide-Gamut-Display-P3-Foto, das durch Canvas konvertiert wird, wird stillschweigend auf sRGB geklemmt. Das ist auf den meisten Displays unsichtbar, flacht aber die Sättigung auf einem Pro-Display-XDR oder einem iPhone im HDR-Modus ab.
  • Die Konvertierung von JPEG zu PNG vergrößert die Dateigröße. PNG ist verlustfrei, sodass es fotografisches Rauschen nicht effizient speichern kann - ein 2-MB-JPEG könnte als PNG auf 6 MB anwachsen, ohne Qualitätsgewinn (die Artefakte in der Quelle werden treu bewahrt).
  • Alte Safari-Versionen vermissen WebP-Encode. Safari-Versionen vor 14 können kein WebP aus Canvas exportieren, sodass dieses Tool auf PNG zurückfällt, wenn das Ziel nicht unterstützt wird.

Ein Format-Spickzettel

JPEG (ISO/IEC 10918-1, im JFIF-Container verpackt) dominiert seit 1992 die Fotografie, weil seine DCT-plus-Quantisierungs-Pipeline der menschlichen visuellen Wahrnehmung gut entspricht. PNG (W3C-PNG-Spezifikation) gewann die verlustfreie Krone im Web mit DEFLATE-komprimierten Scanlines, Alpha-Transparenz und einem erweiterbaren chunk-basierten Container. WebP (RFC 9649) ist Googles einheitlicher Nachfolger, der verlustbehafteten Modus von VP8 geliehen, einen verlustfreien Modus mit domänenspezifischen Predictoren und Animations-Bilder in derselben Datei bietet. AVIF (CCITT-Empfehlung AV1-Bilddateiformat) verwendet AV1-Intra-Frame-Kodierung für Standbilder und halbiert typischerweise die JPEG-Dateigröße bei gleicher Qualität, mit 10-Bit-Farbe und HDR-Metadaten; es hat jetzt breite (aber nicht universelle) Browser-Unterstützung. SVG (W3C-SVG-2-Empfehlung) ist der Sonderfall - ein Vektorformat, sodass die Konvertierung eines Rasterbilds zu SVG Tracing erfordert und die Konvertierung von SVG zu Raster das Rendern in einer bestimmten Auflösung erfordert.

Browser-Konvertierung vs. andere Wege

Die Browser-Pipeline ist ideal für einmalige Konvertierungen, bei denen Datenschutz und Geschwindigkeit wichtiger sind als Codec-Tuning. Für Batch-Jobs rast ImageMagicks magick mogrify -format webp *.jpg durch einen Ordner in Sekunden, libvips (über sharp) fügt Streaming-I/O und eine Größenordnung Beschleunigung für große Dateien hinzu, und cwebp von Googles libwebp liefert einen Referenz-Encoder mit Reglern, die dieses Tool nicht bietet. Squoosh.app liegt dazwischen - browserbasiert wie wir, aber mit exponierten Codec-Parametern (Mozjpeg, cjxl, AVIF-Geschwindigkeitseinstellungen) für Benutzer, die abstimmen möchten. Spezialisierte Dienste wie TinyPNG verwenden proprietäre perzeptuelle Encoder, die sowohl Browser-Canvas als auch Standard-CLI-Tools bei PNG-Palettisierung schlagen. Verwende dieses Tool, wenn du sofortige datenschutzschützende Konvertierungen möchtest, und wechsle zu einem CLI oder Squoosh, wenn du Codec-Level-Kontrolle oder Batch-Durchsatz benötigst.

Häufig gestellte Fragen

Wird mein Bild beim Konvertieren irgendwohin hochgeladen?

Nein. Die Datei liegt in einem lokalen Blob, wird über <code>createImageBitmap</code> dekodiert, auf eine Canvas gezeichnet und durch den nativen Codec des Browsers neu kodiert. Nichts geht über das Netzwerk. Du kannst dies überprüfen, indem du DevTools öffnest, eine Konvertierung durchführst und den Netzwerk-Tab während des Vorgangs vollständig still bleiben siehst.

Was macht das Tool mit Transparenz, wenn ich PNG zu JPEG konvertiere?

Die transparenten Pixel werden auf den Canvas-Hintergrund abgeflacht, der standardmäßig weiß ist. JPEG hat nirgends in der Spezifikation einen Alpha-Kanal - es gibt keine Möglichkeit, Transparenz in einer JPEG-Datei zu bewahren. Wenn du Alpha beibehalten musst, wähle stattdessen PNG oder WebP als Zielformat.

Verbessert die Konvertierung von verlustbehaftetem JPEG zu verlustfreiem PNG die Qualität?

Nein, das ist ein häufiges Missverständnis. Das JPEG-Dekodieren erzeugt exakte Pixelwerte, die bereits alle Komprimierungsartefakte enthalten, und PNG bewahrt diese Pixel treu, ohne neue hinzuzufügen. Dein PNG ist eine perfekte Kopie des bereits degradierten JPEG, typischerweise drei bis fünf Mal größer auf der Festplatte ohne jede visuelle Verbesserung.

Warum sieht meine WebP-Ausgabe etwas anders aus als eine Desktop-cwebp-Ausgabe?

Der Browser verwendet seinen eigenen WebP-Encoder, der libwebp ist, das vom Grafik-Stack eingeschlossen wird. Qualitätsmäßig ist er cwebp auf der Kommandozeile nahe, aber nicht identisch - cwebp stellt Parameter wie <code>-af</code> (Auto-Filter), <code>-sharpness</code> und Multi-Pass-Kodierung bereit, die Canvas nicht hat. Für pixel-identische Ausgabe in verschiedenen Umgebungen ist eine serverseitige Kodierung der einzige Weg.

Kann das Tool EXIF-Daten wie GPS und Kamerainfos beibehalten?

Nein. Die Canvas-Neu-Kodierung beginnt mit rohen RGBA-Pixeldaten, und der Browser leitet EXIF nicht weiter. Wenn du Metadaten bei der Konvertierung beibehalten musst, verwende ExifTool nach der Konvertierung, um die originalen Tags zu kopieren, oder verwende ein format-bewahrendes CLI wie <code>magick convert -strip false</code>, um sie inline zu behalten.

Welchen Qualitätswert verwendet das Tool für JPEG- und WebP-Ausgabe?

Ein Standard von 0,92 wird an <code>canvas.toBlob</code> übergeben, was der Browser als hochwertige Einstellung interpretiert - visuell sehr nah am Original für die meisten Fotos, mit Dateigrößen, die deutlich kleiner als rohe PNG sind. Wenn du explizite Kontrolle über die Qualität möchtest, verwende das separate Bild-Kompressor-Tool, das einen Schieberegler bietet.

Bewahrt der Konverter mein ICC-Farbprofil intakt?

Nein, Farbprofile werden entfernt. Die Canvas-Neu-Kodierung klemmt alles beim Export auf sRGB, was für sRGB-Quellen in Ordnung ist, aber Bilder von Display-P3-, ProPhoto- oder Adobe-RGB-Aufnahmen stillschweigend entsättigt. Für farbkritische Druckarbeiten ist ein Desktop-Tool mit <code>-profile</code>-Unterstützung der richtige Weg.

Wie konvertiere ich ein animiertes GIF und behalte die Animation?

Dieses Tool erfasst nur das erste Bild, weil Canvas keine Animations-Timelines iterieren kann. Für animierte GIF-Konvertierung verwende ein dediziertes Tool: ezgif.com im Web, gifsicle auf der Kommandozeile oder <code>ffmpeg -i input.gif output.webp</code> für die Konvertierung zu animiertem WebP.

Welches Ausgabeformat ist das beste für moderne Websites?

Für 2026: AVIF, wenn du dir den langsameren Encoder leisten kannst und leichte Kompatibilitätslücken akzeptierst; WebP als pragmatischer Standard; und ein <code>&lt;picture&gt;</code>-Element, das beides mit einem JPEG-Fallback für den langen Schwanz alter Browser liefert. Dieses Tool gibt noch kein AVIF aus, weil Chromium Canvas-AVIF-Export erst kürzlich eingeführt hat, daher ist WebP die schlankste Wahl, die es bietet.

Warum ist die konvertierte Datei manchmal größer als die Quelle?

Es passiert in zwei Szenarien. Erstens wächst die Konvertierung eines stark komprimierten JPEG zu verlustfreiem PNG immer, weil PNG Jpegs verlustbehaftetes Verhältnis nicht erreichen kann. Zweitens kann die Konvertierung eines kleinen PNG (unter 10 KB) zu WebP tatsächlich wachsen, weil der WebP-Header-Overhead den winzigen Payload dominiert. Im Allgemeinen in verlustbehafteten Formaten bleiben, wenn man von einer verlustbehafteten Quelle startet.

Kann ich dieses Tool offline verwenden?

Ja, sobald die Seite geladen ist, ist alles Erforderliche vorhanden. Die Canvas-API und die JPEG/PNG/WebP-Codecs werden mit dem Browser selbst geliefert. Es gibt keine externen Skripte, keine CDN-Lookups zur Konvertierungszeit und keine Telemetrie-Pings. Schalte den Flugzeugmodus nach dem Laden der Seite ein, und jede Konvertierung funktioniert noch.

Mehr Image Tools

Base64 to Image Converter

Decode a Base64 string or data URL back into a viewable image and download it as PNG, JPG, WebP or GIF. Runs in your browser.

Open tool

Favicon Generator

Generate favicons in all standard sizes (16x16 to 512x512) for websites and PWAs.

Open tool

Image Blur & Pixelate

Apply blur or pixelation effects to images with adjustable intensity.

Open tool

Image Color Picker

Upload an image and pick colors in HEX, RGB, and HSL with a visual color history.

Open tool

Image Compressor

Compress images by adjusting quality to reduce file size without losing visual clarity.

Open tool

Image Cropper

Crop images with preset aspect ratios like 1:1, 16:9, and 4:3 using a visual editor.

Open tool