Welches Bildformat sollten Sie verwenden?

JPEG

JPEG unterteilt das Bild in Blöcke und verwirft die feinen Details, die Ihr Auge am wenigsten bemerken würde. Das funktioniert sehr gut bei Fotos, bei denen die Details unregelmäßig und verrauscht sind, und schlecht bei allem mit harten Kanten, bei denen die verworfenen Details genau das sind, was die Kante definiert.

Es ist bei jeder Qualitätseinstellung verlustbehaftet, auch bei der höchsten. Hier gibt es keine verlustfreie JPEG-Option. Es kann keine Transparenz speichern: Ein Bild mit transparenten Bereichen wird mit einer Volltonfarbe gefüllt, wenn es in ein JPEG umgewandelt wird.

Verwenden Sie es für: Fotos, Scans von Fotos, alle Bilder, die größtenteils aus Halbtonbildern bestehen. Vermeiden Sie es für: Screenshots, Text, Strichzeichnungen, Logos und alles, was später noch einmal bearbeitet werden muss.

PNG

PNG ist verlustfrei. Es speichert genau die Pixel, die ihm zugewiesen wurden, führt also nie zu Artefakten und unterstützt volle Alpha-Transparenz. Seine Komprimierung nutzt Wiederholungen aus, weshalb es bei flachen Farben und scharfen Kanten äußerst effizient und bei fotografischem Rauschen ineffizient ist.

Ein als PNG gespeichertes Foto ist normalerweise um ein Vielfaches größer als dasselbe Foto als JPEG, ohne sichtbaren Vorteil. Dies ist der häufigste Bildformatfehler und es lohnt sich, ihn zu überprüfen, bevor Sie die langsame Seite auf etwas anderes schieben.

Verwenden Sie es für: Screenshots, UI-Erfassungen, Logos, Diagramme, Diagramme, alles mit Text im Bild und jede Arbeitskopie eines Bildes, das Sie erneut bearbeiten möchten.

WebP

WebP ist in der Regel das kleinste der drei Formate mit vergleichbarer visueller Qualität und unterstützt Transparenz, wodurch es das einzige Format ist, das beide Aufgaben abdeckt.

Eine Einschränkung ist hier wichtig: Ihr Browser codiert WebP auch bei Qualität 100 im verlustbehafteten Modus. Das Format definiert zwar einen verlustfreien Modus, aber die von diesem Tool verwendete Canvas-API macht ihn nicht verfügbar. Ein WebP-Export von dieser Site ist also ein verlustbehafteter Export, und er wird auch so beschrieben und nicht als verlustfrei bezeichnet, da das Format dies grundsätzlich unterstützt.

Die Browserunterstützung für die Anzeige von WebP ist jetzt praktisch universell. Die Unterstützung für die Kodierung ist nicht ganz so einheitlich, sodass ein Browser, der WebP nicht kodieren kann, hier einen Fehler meldet, anstatt Ihnen stillschweigend ein anderes Format auszuhändigen.

AVIF und HEIC – die ehrliche Position

AVIF komprimiert oft besser als alle drei oben genannten Formate. HEIC wird von modernen iPhones standardmäßig für Fotos verwendet. Beides kann vom ToolAcre Image Converter nicht gelesen werden, und das ist eher eine Einschränkung des Browsers als eine Wahl.

Browser können normalerweise AVIF ANZEIGEN, bieten jedoch keine zuverlässige Möglichkeit, beliebige AVIF- oder HEIC-Dateien für die Verarbeitung zu dekodieren, und insbesondere die HEIC-Dekodierung hängt von einem Plattform-Codec ab, der nicht überall vorhanden ist. Ein Tool, das diese Dateien akzeptiert, würde auf einigen Computern funktionieren und auf anderen verwirrenderweise scheitern, sodass sie stattdessen eindeutig abgelehnt werden.

Die praktische Konsequenz: HEIC auf dem Gerät, das es erstellt hat, in JPEG konvertieren – jedes aktuelle Telefon und beide gängigen Desktop-Betriebssysteme können dies – und dann Browser-Tools für das JPEG verwenden. Bewahren Sie für AVIF ein JPEG- oder PNG-Master auf und generieren Sie AVIF als Ausgabe zum Zeitpunkt der Veröffentlichung mit einem Build-Tool.

Eine Anmerkung zu GIF

GIF ist auf 256 Farben pro Bild beschränkt und ist für alles andere als kurze Animationen eine schlechte Wahl. Der Bildkonverter liest GIF, verwendet jedoch nur das erste Bild und bietet GIF nicht als Ausgabe an – die Erstellung eines Standbilds mit der Erweiterung .gif wäre eher irreführend als hilfreich.

Für eine kurze Animation sind die modernen Antworten ein MP4- oder WebM-Video oder ein animiertes WebP. Nichts davon wird hier produziert.

Ausgearbeitetes Beispiel: vier Assets für einen Artikel

Ein Artikel benötigt ein Heldenfoto, einen Screenshot einer Benutzeroberfläche, ein Logo mit transparentem Hintergrund und ein aus einer Tabelle exportiertes Diagramm.

• Heldenfoto – JPEG in der Standardqualität, verkleinert auf etwa das Doppelte der Anzeigebreite. Dauerton, keine Transparenz erforderlich.
• Screenshot der Benutzeroberfläche – PNG. Es ist voller Text und harter Kanten, genau das, womit JPEG am schlechtesten zurechtkommt, und PNG komprimiert seine Flachbildschirme effizient.
• Logo – WebP oder PNG. Beide bewahren Transparenz; WebP wird kleiner sein, PNG wird exakt sein. Bei einem Logo, das auf unterschiedlichen Hintergründen platziert wird, ist die Genauigkeit mehr wert als ein paar Kilobyte.
• Diagramm – PNG. Dieselbe Begründung wie im Screenshot: flache Füllungen, dünne Linien und Achsenbeschriftungen.

Ergebnis: Vier Dateien, drei Formate, jeweils ausgewählt nach dem, was im Bild zu sehen ist, und nicht nach Gewohnheit. Der häufigste Fehlermodus – der Export aller vier als PNG oder alle vier als JPEG – führt dazu, dass entweder das Foto um ein Vielfaches zu groß ist oder der Screenshot und das Diagramm sichtbar um den Text herum verschmiert sind.

Öffnen Sie das Tool

Konvertieren Sie zwischen JPEG, PNG und WebP

Der Bildkonverter gibt an, ob eine Konvertierung verlustbehaftet ist, bevor Sie sie ausführen, und meldet anschließend die tatsächlich gemessenen Größen.

Was dies nicht abdeckt

• Der ToolAcre Image Converter liest JPEG, PNG, WebP und GIF und schreibt JPEG, PNG und WebP. HEIC, AVIF, TIFF und Kamera-RAW werden abgelehnt.
• Die WebP-Ausgabe dieser Website ist verlustbehaftet, da dies von der Browser-Canvas-API bereitgestellt wird.
• Farbprofile bleiben bei einer Canvas-Konvertierung nicht erhalten, daher können sich Bilder mit einem ungewöhnlichen eingebetteten Profil leicht verschieben.
• Dateigrößenvergleiche hängen vom Bild ab. Jede Faustregel hier ist ein Ausgangspunkt zum Messen und keine Zahl, die man angeben kann.