Bildkonverter (PNG / JPG / WEBP)
Konvertiere und skaliere Bilder lokal in deinem Browser mit der Canvas-API. Keine Uploads.
Bildkonverter (PNG / JPG / WEBP) wird geladen… Wenn nichts passiert, aktiviere JavaScript.
Dateikonvertierung ist der Vorgang, Daten, die in einem Format gespeichert sind, in ein anderes Format neu zu kodieren und dabei möglichst viel des ursprünglichen Inhalts zu erhalten. Bei Bildern bedeutet das, die binäre Darstellung der Pixeldaten vom Kodierungsschema eines Codecs in ein anderes umzuwandeln, etwa von der verlustfreien kanalweisen Kompression von PNG zur diskreten Kosinustransformation von JPEG oder zur modernen vorhersagebasierten Kodierung von WebP. Jedes Format hat unterschiedliche Stärken: PNG erhält jeden Pixel perfekt und unterstützt transparente Hintergründe, was es ideal für Logos, Symbole und Bildschirmfotos macht; JPEG glänzt beim Komprimieren fotografischer Bilder, bei denen ein leichter Qualitätsverlust akzeptabel ist; WebP, 2010 von Google eingeführt, vereint das Beste aus beiden Welten mit kleineren Dateien und Unterstützung sowohl für den verlustbehafteten als auch den verlustfreien Modus mit einem Alphakanal.
Häufig gestellte Fragen
Werden meine Bilder auf einen Server hochgeladen?
Zwischen welchen Formaten kann ich konvertieren?
Was ist der Unterschied zwischen PNG, JPEG und WebP?
Verbessert die Konvertierung von JPEG nach PNG die Qualität?
Welche Qualitätseinstellung sollte ich für die JPEG- oder WebP-Ausgabe verwenden?
Wie groß darf eine Datei höchstens sein, die das Werkzeug verarbeiten kann?
Wie schneidet die browserbasierte Konvertierung im Vergleich zu serverseitigen Werkzeugen wie ImageMagick ab?
Kann ich ein Bild gleichzeitig konvertieren und skalieren?
Was passiert mit der Transparenz beim Konvertieren von PNG nach JPEG?
Wird WebP von Browsern breit unterstützt?
Über Bildkonverter (PNG / JPG / WEBP)
Der Bedarf, Bildformate zu konvertieren, entsteht in der Praxis ständig. Ein Grafikdesigner liefert Assets als PNG, aber das CMS akzeptiert nur JPEG. Ein Entwickler muss einen Ordner mit JPEG-Produktfotos in WebP konvertieren, um eine Leistungsanforderung zu erfüllen. Ein Fotograf exportiert HEIC-Bilder von einem iPhone, aber die Zielplattform unterstützt dieses Format nicht. Ein Webentwickler muss die Transparenz aus einem PNG-Logo entfernen, um ein JPEG-Vorschaubild zu erstellen. Soziale Medien, E-Mail-Clients, Content-Management-Systeme und Druckdienste stellen alle ihre eigenen Formatanforderungen, was die Bildkonvertierung zu einer der häufigsten Aufgaben der Dateibearbeitung in kreativen und technischen Berufen macht.
Dieses Werkzeug führt die Konvertierung vollständig in deinem Browser mit der Canvas-API von HTML durch. Der Vorgang läuft in drei Schritten ab: Der Browser dekodiert das Quellbild in rohe RGBA-Pixeldaten im Speicher, das Canvas-Element rendert diese Pixel, und anschließend kodiert die Methode toBlob oder toDataURL des Canvas sie im Zielformat mit der von dir angegebenen Qualitätsstufe neu. Da alles lokal geschieht, werden deine Bilder nie an einen Server übertragen. Es gibt kein Konto, keine Staffelung nach Dateigröße und kein Wasserzeichen auf dem Ergebnis. Optional kannst du das Bild während der Konvertierung skalieren und so zwei gängige Vorgänge in einem einzigen Schritt verbinden.
Die clientseitige Konvertierung hat einige Einschränkungen, die man kennen sollte. Die im Browser integrierten Encoder sind gut, aber nicht so fein einstellbar wie professionelle Werkzeuge wie ImageMagick, libvips oder FFmpeg. Sehr große Bilder (über 20 Megapixel) können an die Canvas-Größenbeschränkung des Browsers stoßen oder den verfügbaren Speicher erschöpfen. Die Konvertierung von einem verlustfreien Format wie PNG in ein verlustbehaftetes Format wie JPEG führt zu einem gewissen Qualitätsverlust, der nicht rückgängig gemacht werden kann, behalte immer eine Kopie des Originals. Die Konvertierung von JPEG nach PNG stellt die bei der ursprünglichen JPEG-Kodierung verlorene Qualität nicht wieder her; die Datei wird größer, aber die Details, die beim ursprünglichen JPEG-Speichern verworfen wurden, sind für immer verloren.
Formate, Codecs und der Browserkrieg: Wie die Bildkonvertierung mühelos wurde
Die Geschichte der Bilddateiformate ist untrennbar mit der Geschichte konkurrierender Unternehmensinteressen und Auseinandersetzungen um technische Standards verbunden. Als CompuServe 1987 das GIF-Format einführte, war das eine bewusste großzügige Geste: Das Unternehmen wollte eine Möglichkeit, Farbbilder über sein Online-Netzwerk zu teilen, und veröffentlichte das Format offen. Die Stimmung kippte 1994, als Unisys offenlegte, dass es ein Patent auf den LZW-Kompressionsalgorithmus im Kern von GIF hielt, und begann, Lizenzgebühren zu fordern, was die Entstehung von PNG als patentfreien Ersatz auslöste. JPEG, 1992 standardisiert, vermied eine ähnliche Kontroverse, da es von Anfang an als offener Standard konzipiert war, obwohl sein Kernalgorithmus, die DCT, in verschiedenen Formen patentiert war, Patente, die zwischen 2006 und 2012 stillschweigend abliefen. Die Langlebigkeit des JPEG-Formats ist außergewöhnlich: Obwohl es für die Hardwarefähigkeiten der frühen 1990er-Jahre entworfen wurde, macht es drei Jahrzehnte später noch immer rund 70 % aller Bilder im Web aus.
Browserhersteller haben die Unterstützung von Bildformaten historisch als Mittel zur Abgrenzung im Wettbewerb genutzt. Microsoft führte die PNG-Unterstützung im Internet Explorer 4 (1997) ein, hatte aber einen berüchtigten Fehler beim Rendern des Alphakanals, der fast ein Jahrzehnt lang bestehen blieb und Entwickler zwang, für transparente PNGs auf JavaScript-Behelfslösungen zurückzugreifen. Google führte WebP 2010 ein und fügte Chrome sofort native Unterstützung hinzu, aber Mozilla, Apple und Microsoft lehnten eine Umsetzung zunächst ab und führten Bedenken an, dass Google das Format kontrollieren würde. Es brauchte ein Jahrzehnt an Lobbyarbeit, Leistungsdaten und Wettbewerbsdruck, bis alle großen Browser WebP unterstützten. Dieselbe Dynamik spielt sich bei AVIF (seit Chrome 85 im Jahr 2020 unterstützt) und JPEG XL ab (dessen Chrome-Unterstützung hinzugefügt, dann 2023 umstritten entfernt und anschließend wiederhergestellt wurde).
Die Canvas-API von HTML, die browserbasierte Bildkonvertierungswerkzeuge wie dieses antreibt, wurde erstmals 2004 von Apple für die Verwendung im Safari-Browser und im Dashboard-Widget-System von macOS vorgeschlagen. Sie wurde anschließend von allen anderen Browserherstellern übernommen und vom WHATWG standardisiert. Die Methoden toBlob und toDataURL der Canvas-Spezifikation, die Funktionen, die Pixeldaten in ein bestimmtes Bildformat neu kodieren, sind seit etwa 2012 in allen großen Browsern verfügbar und ermöglichen stillschweigend eine ganze Kategorie clientseitiger Bildverarbeitungswerkzeuge, die früher einen Server erfordert hätten.