{"id":13747,"date":"2024-09-02T22:42:12","date_gmt":"2024-09-02T20:42:12","guid":{"rendered":"https:\/\/u-labs.de\/portal\/?p=13747"},"modified":"2024-09-04T18:39:15","modified_gmt":"2024-09-04T16:39:15","slug":"die-3-bildformate-der-zukunft","status":"publish","type":"post","link":"https:\/\/u-labs.de\/portal\/die-3-bildformate-der-zukunft\/","title":{"rendered":"Nach \u00fcber 30 Jahren JPEG: Das sind die 3 Bildformate der Zukunft"},"content":{"rendered":"<p>JPEG h\u00e4lt sich seit Jahrzehnten hartn\u00e4ckig und ist f\u00fcr viele <em>das<\/em> Bildformat schlechthin. Doch JPEG, PNG &amp; co. haben Nachteile &#8211; in den letzten Jahren entstanden zunehmend bessere Alternativen. In diesem Beitrag werfen wir einen theoretischen &amp; praktischen Blick auf die interessantesten sowie wichtigsten Bildformate, die man 2024 kennen sollte. Ich habe Testbilder in diese umgewandelt, um einen praktisch greifbaren Eindruck zu schaffen.<\/p>\n<h2 class=\"wp-block-heading\">Welche g\u00e4ngigen Bildformate gibt es?<\/h2>\n<p>Steigen wir mit dem Ist-Stand ein. Lange Zeit waren Bildformate f\u00fcr die Meisten sehr \u00fcbersichtlich: <strong>JPEG\/JPG<\/strong> ist das Standardformat f\u00fcr Bilder. Zwar Verlustbehaftet, doch dank zunehmend wachsender &amp; g\u00fcnstiger werdender Speicher kann das Bild eines Smartphones 3-6 MB gro\u00df werden. Bei professionellen Kameras noch mehr &#8211; Die 2019 vorgestellte Sony Alpha 6400 beispielsweise knackt bei einigen Bildern die 10 MB Grenze. Stellt man die Qualit\u00e4t auf Maximum, sind sogar bis zu 20 MB m\u00f6glich.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-03.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"399\" height=\"179\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-03.avif\" alt=\"\" class=\"wp-image-13754\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-03.avif 399w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-03-300x135.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-03-379x170.avif 379w\" sizes=\"auto, (max-width: 399px) 100vw, 399px\" \/><\/a><\/figure>\n<\/div>\n<p>Ben\u00f6tigt man Transparenz oder gewichtet verlustfreie Bilder \u00fcber den Platzbedarf, ist <strong>PNG<\/strong> das Mittel der Wahl. Fotografien, die maximale Kontrolle &amp; Spielraum f\u00fcr Nacharbeiten haben m\u00f6chten, verwenden <strong>RAW<\/strong>. Fans von Memes und anderen animierten Bilder kommen mit <strong>GIF<\/strong> auf ihre Kosten. F\u00fcr Logos und Symbole hat sich <strong>SVG<\/strong> besonders auf Webseiten durchgesetzt: Vektorgrafiken lassen sich ohne Qualit\u00e4tsverlust unbegrenzt skalieren. Nat\u00fcrlich gibt es noch weitere, die eher in Nischen relevant sind, wie z.B. Bitmap (BMP).<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/sony-format.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"300\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/sony-format.avif\" alt=\"\" class=\"wp-image-13774\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/sony-format.avif 597w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/sony-format-300x151.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/sony-format-338x170.avif 338w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Gro\u00dfe<\/em> Kameras bieten oft unverarbeitete <em>RAW<\/em> Bilder. Dar\u00fcber hinaus ist die Auswahl bescheiden &#8211; JPEG geht i.d.R. immer<\/figcaption><\/figure>\n<\/div>\n<p>Diese f\u00fcnf Formate deckten einen sehr gro\u00dfen Teil aller Anwendungsf\u00e4lle ab, teilweise bis heute. Dem durchschnittlichen Nutzer d\u00fcrfte JPEG bereits reichen &#8211; das liefern die meisten Kameras standardm\u00e4\u00dfig. Auch ein 2023 auf dem Markt erschienenes Samsung Salaxy S23+ erzeugt JPEG-Bilder.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/galaxy-s23-metadata.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"423\" height=\"281\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/galaxy-s23-metadata.avif\" alt=\"\" class=\"wp-image-13748\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/galaxy-s23-metadata.avif 423w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/galaxy-s23-metadata-300x199.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/galaxy-s23-metadata-256x170.avif 256w\" sizes=\"auto, (max-width: 423px) 100vw, 423px\" \/><\/a><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Starkes Wachstum: So gro\u00df waren Handybilder ~2005<\/h2>\n<p>Auch hier bleibt der technische Fortschritt nicht stehen. Das zeigt der Vergleich mit Bildern, die 2008 ein Nokia 6230i aufgenommen hat. Das Nokia kam 2005 auf den Markt, es liegen somit etwa 18 Jahre zwischen den Kameras. <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/nokia6230i-p.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"652\" height=\"800\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/nokia6230i-p.avif\" alt=\"\" class=\"wp-image-13802\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/nokia6230i-p.avif 652w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/nokia6230i-p-245x300.avif 245w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/nokia6230i-p-293x360.avif 293w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/nokia6230i-p-139x170.avif 139w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/a><figcaption class=\"wp-element-caption\">Das <em>Smartphone<\/em> der sp\u00e4ten 2000er Jahre<\/figcaption><\/figure>\n<\/div>\n<p>W\u00e4hrend bereits damals das Anfang der 1990er Jahre entwickelte JPEG-Format zum Einsatz kam, ist das damalige Bild mit rund 82 KB f\u00fcr heutige Verh\u00e4ltnisse winzig &#8211; ein Unterschied um mehr als Faktor 52! Die Aufl\u00f6sung ist heutzutage ebenfalls deutlich h\u00f6her, als damals. Das spiegelt sich nat\u00fcrlich auf den Ger\u00e4ten wieder: Die Zeiten von 1280&#215;1024 px Bildschirmen sind l\u00e4ngst vorbei. Full-HD (1920&#215;1080) sind der Mindeststandard. Zunehmend wird dieser von WDHD und 4K verdr\u00e4ngt.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-03.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"385\" height=\"127\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-03.avif\" alt=\"\" class=\"wp-image-13749\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-03.avif 385w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-03-300x99.avif 300w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><\/a><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Warum es anders geht &amp; gehen sollte<\/h2>\n<p>Es muss jedoch nicht sein, dass Handybilder exzessiv mehr Speicher ben\u00f6tigen. Das hat noch einen anderen Grund: Wir verwenden ein \u00fcber 30 Jahre altes Bildformat. JPEG entstand in den sp\u00e4ten 1980er und fr\u00fchen 1990er Jahren.<sup data-fn=\"9fe509a4-9493-4009-8788-274743f48535\" class=\"fn\"><a href=\"#9fe509a4-9493-4009-8788-274743f48535\" id=\"9fe509a4-9493-4009-8788-274743f48535-link\">1<\/a><\/sup> Wie man sich am obigen Beispiel vorstellen kann, sahen die Anforderungen damals anders aus. Eben so wie die Rahmenbedingungen. Fotos wurden nur mit (noch relativ teuren) Digitalkameras aufgenommen und schon deswegen in weitaus geringerer Menge, als heutzutage mit Smartphones. Die Jahrzehnte an Entwicklung dazwischen erlauben allerdings auch bessere Kompression f\u00fcr Bilder. In den letzten Jahren wurden mehrere neue Formate geschaffen, um diese M\u00f6glichkeiten besser nutzen zu k\u00f6nnen.<\/p>\n<p>Wichtig ist das vor allem f\u00fcr das Web als Teil des Internets. Viele Bilder werden nicht mehr nur auf dem Computer gespeichert, wie vor 20-30 Jahren. Sondern \u00fcber verschiedene Kan\u00e4le des Internets verteilt. Vor allem auf gro\u00dfen Internetseiten macht es einen Unterschied, ob ein h\u00e4ufig abgerufenes Bild 25% gr\u00f6\u00dfer oder kleiner ist. Kleinere Bilder werden schneller geladen, vor allem mit langsamen Verbindungen (l\u00e4ndliche Regionen, Mobil usw). Au\u00dferdem schont es die Umwelt, da jede Daten\u00fcbertragung Ressourcen kostet. Wenn wir das gleiche Bild mit weniger Aufwand \u00fcbertragen k\u00f6nnen, warum nicht? Das hat keine Nachteile, sondern f\u00fcr alle nur Vorteile.<\/p>\n<h2 class=\"wp-block-heading\">Selbstversuch: Eigene Bilder umwandeln<\/h2>\n<p>Mit der freien Bildbearbeitungssoftware Gimp kann man das praktisch an den eigenen Bildern ausprobieren: \u00dcber <strong>Datei &gt; Exportieren nach<\/strong> \u00e4ndert man die Erweiterung (z.B. von <code class=\"\" data-line=\"\">.jpg<\/code> oder eben dem Bildformat, welches die Quelldatei verwendet) in <code class=\"\" data-line=\"\">.webp<\/code> und bekommt einen Dialog mit allen Einstellungen f\u00fcr das Zielformat angezeigt.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-47_.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-47_-1024x538.avif\" alt=\"\" class=\"wp-image-13750\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-47_-1024x538.avif 1024w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-47_-300x158.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-47_-768x403.avif 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-47_-640x336.avif 640w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-47_-324x170.avif 324w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_13-47_.avif 1036w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<p>M\u00f6chte man beispielsweise das Bild verlustfrei speichern, setzt man oben den Haken. Ansonsten kann \u00fcber den Regler zur Qualit\u00e4t die St\u00e4rke der verlustbehafteten Kompression bestimmt werden. Hier gilt: Je geringer die Qualit\u00e4t, um so kleiner wird die Datei. Der Wert l\u00e4sst sich jedoch <strong>nicht<\/strong> \u00fcber Formate hinweg 1:! \u00fcbertragen! Je nach Bildformat kann das Ergebnis stark variieren. 80% JPEG-Qualit\u00e4t entsprechen bei AVIF etwa 64%. WebP wiederum liegt mit 82% nah an JPEG.<sup data-fn=\"695bef77-7019-45fe-9de9-88763818a058\" class=\"fn\"><a href=\"#695bef77-7019-45fe-9de9-88763818a058\" id=\"695bef77-7019-45fe-9de9-88763818a058-link\">2<\/a><\/sup><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-26.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"397\" height=\"199\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-26.avif\" alt=\"\" class=\"wp-image-13761\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-26.avif 397w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-26-300x150.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-26-339x170.avif 339w\" sizes=\"auto, (max-width: 397px) 100vw, 397px\" \/><\/a><\/figure>\n<\/div>\n<p>Der Umrechnungsfaktor von JPEG zu AVIF liegt bei 0,8. Daher entsprechen beispielsweise 90% JPEG (90*0,8) = 72%. Dies ist nur eine Orientierung. Man sollte selbst testweise Bilder (als Kopien!) umwandeln und sich davon \u00fcberzeugen, welche Qualit\u00e4tsstufe f\u00fcr die eigenen Anspr\u00fcche notwendig ist. Auch die zuk\u00fcnftige Nutzung ist nicht unherheblich. Tendenziell ist es daher empfehlenswert, keine zu extremen verlustbehafteten Kompressionen (z.B. AVIF 40) zu nehmen &#8211; selbst wenn das f\u00fcr die Anzeige auf kleinen Smartphones ausreichen d\u00fcrfte. Man m\u00f6chte die Bilder ggf. in Zukunft auf einem Beamer zeigen oder f\u00fcr den gr\u00f6\u00dferen PC-Bildschirm als Hintergrundbild nehmen. Auf AVIF 72% oder H\u00f6her d\u00fcrfte dies kein Problem sein, mit deutlich geringeren Werten leidet irgendwann die Qualit\u00e4t sichtbar.<\/p>\n<p>Auf GitHub gibt es n\u00fctzliche Hilfsmittel, die einen direkten Vergleich verschiedener Bilder aus unterschiedlichen Formaten durch \u00dcberfahren mit der Maus erm\u00f6glichen.<sup data-fn=\"2556f51a-c3ea-40f5-9922-fa846d0be6ab\" class=\"fn\"><a href=\"#2556f51a-c3ea-40f5-9922-fa846d0be6ab\" id=\"2556f51a-c3ea-40f5-9922-fa846d0be6ab-link\">3<\/a><\/sup><\/p>\n<h2 class=\"wp-block-heading\">WebP: Der erste Versuch eines neuen Formates<\/h2>\n<p>2010 stellte Google das WebP als Nachfolger von JPEG und PNG f\u00fcr das Web vor. Es basiert auf dem Video-Kompressionsverfahren VP8, das Lizenztechnisch umstritten war. Inzwischen darf ihn Google durch Lizenzzahlungen geb\u00fchrenfrei &amp; quelloffen verbreiten.<sup data-fn=\"667912a1-82b3-4215-80b4-4ee22c9a3e9f\" class=\"fn\"><a href=\"#667912a1-82b3-4215-80b4-4ee22c9a3e9f\" id=\"667912a1-82b3-4215-80b4-4ee22c9a3e9f-link\">4<\/a><\/sup> Dank der M\u00f6glichkeit zur Darstellung von Transparenz sind keine getrennten Formate mehr n\u00f6tig. Es unterst\u00fctzt sowohl verlustfreie, als auch verlustbehaftete Kompression. Im Vergleich zu PNG sind WebP Bilder um 26% kleiner, bei JPEG betr\u00e4gt die Ersparnis mit vergleichbarer Qualit\u00e4t sogar 25-34%.<sup data-fn=\"3ff11bfb-9d8a-4ad7-84e6-4eeec97d933e\" class=\"fn\"><a href=\"#3ff11bfb-9d8a-4ad7-84e6-4eeec97d933e\" id=\"3ff11bfb-9d8a-4ad7-84e6-4eeec97d933e-link\">5<\/a><\/sup> Nat\u00fcrlich variiert dies immer, je nach Bildinhalt. Ein Foto mit mehr Details und viel Abwechslung l\u00e4sst sich weniger stark (verlustarm) komprimieren, als ein eher detailarmes, monotones Bild.<\/p>\n<p>Mein 4,0 MB gro\u00dfes JPEG-Foto wird verlustfrei sogar auf 10,9 MB aufgebl\u00e4ht. Mit einer Kompression auf 902% ist es dagegen auf 3,0 MB geschrumpft, das entspricht einer Ersparnis von 25%. Folgende Liste zeigt oben das Originalbild, in der Mitte den WebP-Export mit 90% Qualit\u00e4t und ganz unten einen Verlustfreien Export:<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-24.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"798\" height=\"140\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-24.avif\" alt=\"\" class=\"wp-image-13760\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-24.avif 798w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-24-300x53.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-24-768x135.avif 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-24-640x112.avif 640w\" sizes=\"auto, (max-width: 798px) 100vw, 798px\" \/><\/a><\/figure>\n<\/div>\n<p>F\u00fcr WebP im Web spricht die breite Unterst\u00fctzung: Google hatte mit seinem hauseigenen Chrome-Browser bereits 2010 den Anfang gemacht, der Rest folgte in den Jahren danach. Alle g\u00e4ngigen Browser k\u00f6nnen seit 2019 WebP-Bilder anzeigen.<sup data-fn=\"4b975f13-4635-4b53-8a80-77e20b24e43f\" class=\"fn\"><a href=\"#4b975f13-4635-4b53-8a80-77e20b24e43f\" id=\"4b975f13-4635-4b53-8a80-77e20b24e43f-link\">6<\/a><\/sup> Lediglich Microsoft weigerte sich beim Internet Explorer, der inzwischen jedoch ohnehin keine Rolle mehr spielt. Bei Desktop-Software h\u00e4lt es ebenfalls zunehmend Einzig: Grafikprogramme wie GIMP, Krita, Photoshop &amp; co. k\u00f6nnen seit einiger Zeit mit WebP umgehen.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-17.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"219\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-17-1024x219.avif\" alt=\"\" class=\"wp-image-13758\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-17-1024x219.avif 1024w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-17-300x64.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-17-768x165.avif 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-17-640x137.avif 640w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-17-793x170.avif 793w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-17.avif 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<p>Klingt, als w\u00e4re WebP das bessere JPEG &amp; PNG in einem? Leider gibt es einen Nachteil &#8211; die Komprimierung. Sie ist zwar effizient, wie obiges Beispiel zeigt. Doch das braucht seine Zeit. Bei meinem Handybild mit 90% Kompression hat das Umwandeln etwa 3,5 Sekunden gedauert, je nach Quellformat &amp; Aufl\u00f6sung noch l\u00e4nger. Das mag wenig erscheinen. Macht man das t\u00e4glich viele male, summiert sich die Wartezeit. Noch nerviger d\u00fcrfte es bei der Echtzeitverarbeitung sein: Eine Kamera, die zig Sekunden Wartezeit verlangt, bis das n\u00e4chste Bild aufgenommen werden kann.<\/p>\n<h2 class=\"wp-block-heading\">JPEG XL: Theoretisch super, praktisch sehr eingeschr\u00e4nkt brauchbar<\/h2>\n<p>Relativ sp\u00e4t begann 2018 das Urgestein der Bildformate damit, einen eigenen Nachfolger zu finden.<sup data-fn=\"b1c967d0-2b09-4c8a-bb02-386f81e3e4d1\" class=\"fn\"><a href=\"#b1c967d0-2b09-4c8a-bb02-386f81e3e4d1\" id=\"b1c967d0-2b09-4c8a-bb02-386f81e3e4d1-link\">7<\/a><\/sup> 2022 wurde der zweite Teil standardisiert.<sup data-fn=\"0c3dac53-a9ac-48e8-a515-5fb8b460af3b\" class=\"fn\"><a href=\"#0c3dac53-a9ac-48e8-a515-5fb8b460af3b\" id=\"0c3dac53-a9ac-48e8-a515-5fb8b460af3b-link\">8<\/a><\/sup> Das verlustfreie Exportieren in GIMP ist mit 10,2 MB \u00e4hnlich entt\u00e4uschend &#8211; versprochen wird eine Reduzierung um 20% im Durchschnitt. Doch mit 90% Kompression hat sich das 4,4 MB gro\u00dfe JPEG-Bild auf 2,2 MB halbiert. Optisch sind f\u00fcr mich keinerlei Unterschiede sichtbar, selbst mit 200% Zoom nicht.<\/p>\n<p>Die St\u00e4rken gehen jedoch dar\u00fcber hinaus: Progressive Decoding (progressives Dekodieren\/Herunterladen) erlaubt das Anzeigen einer qualitativ schlechteren Vorschau, nachdem nur 15% des Bildes \u00fcbertragen wurden. Das liegt daran, dass JPEG spezifisch als Bildformat entworfen wurde. Alle anderen Alternativen stammten von Video-Codecs ab, wo etwas derartiges wenig Sinn ergeben w\u00fcrde. Dort baut sich das Bild langsam auf. Zwar stammt diese Funktion aus der Zeit von Modemverbindungen. Auch 2024 hat das noch immer Relevanz. Schlie\u00dflich ist man vor allem mobil durchaus mal gedrosselt, das Netz stark ausgelastet oder langsam angebunden.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-59.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"695\" height=\"473\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-59.avif\" alt=\"\" class=\"wp-image-13764\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-59.avif 695w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-59-300x204.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-59-529x360.avif 529w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_14-59-250x170.avif 250w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/a><\/figure>\n<\/div>\n<p>Auch dar\u00fcber hinaus ist JPEG XL abw\u00e4rtskompatibel und erlaubt das Umwandeln von JPEG in JPEG XL mit der M\u00f6glichkeit, dies wieder r\u00fcckg\u00e4ngig zu machen. Verbesserungen versprechen eine verbesserte Kompression, die kaum sichtbar sein soll und auf st\u00f6rende Artifakte verzichtet &#8211; w\u00e4hrend Parallel die Dateigr\u00f6\u00dfe um bis zu 60% sinken soll. Leistungseinbu\u00dfen wie bei WebP werden vermieden. Technisch soll es mindestens genau so lange mit der Entwicklung Schritt halten, wie sein Vorg\u00e4nger. Daher unterst\u00fctzt es u.a. erstmals Transparenz. Dies hat in JPEG gefehlt, sodass hierf\u00fcr klassischerweise auf PNG ausgewichen wurde.<\/p>\n<p>Ein gro\u00dfer Vorteil ist die Offenheit. JPEG XL h\u00e4ngt weder von Patenten ab, noch wird f\u00fcr die Implementierung propriet\u00e4re Software ben\u00f6tigt. Die Referenzimplementierung libjxl ist als freie quelloffene Software verf\u00fcgbar.<sup data-fn=\"c6571d85-2b32-41f8-bffa-35554fc0c907\" class=\"fn\"><a href=\"#c6571d85-2b32-41f8-bffa-35554fc0c907\" id=\"c6571d85-2b32-41f8-bffa-35554fc0c907-link\">9<\/a><\/sup> Jeder kann sie wahlweise nutzen bzw das Format selbst implementieren, ohne Lizenzgeb\u00fchren zahlen oder andere Einschr\u00e4nkungen hinnehmen zu m\u00fcssen. Die Verwendung von unfreien Komponenten sowie fehlende Kompatibilit\u00e4t hatte die Verbreitung von JPEG 2000 vor \u00fcber zwei Jahrzehnten bereits stark eingeschr\u00e4nkt.<\/p>\n<p>\u00dcberzeugt, dass JPEG XL noch besser als WebP ist? Faktisch ja,<sup data-fn=\"805dbdb6-2e2e-48fd-b654-8c0efb24f29f\" class=\"fn\"><a href=\"#805dbdb6-2e2e-48fd-b654-8c0efb24f29f\" id=\"805dbdb6-2e2e-48fd-b654-8c0efb24f29f-link\">10<\/a><\/sup> allerdings gibt es in der Praxis einen gro\u00dfen Haken: Die Unterst\u00fctzung. Google hatte es experimentell in Chromium eingebaut, doch Ende 2022 in Version 110 wieder entfernt.<sup data-fn=\"f3bd8e68-c53f-4fa9-917a-23547a98b52d\" class=\"fn\"><a href=\"#f3bd8e68-c53f-4fa9-917a-23547a98b52d\" id=\"f3bd8e68-c53f-4fa9-917a-23547a98b52d-link\">11<\/a><\/sup> Bis heute ist diese Entscheidung stark umstritten, Googles Gr\u00fcnde wirken f\u00fcr viele vorgeschoben. Mit einem Marktanteil von rund 65,4% weltweit (Stand: Juli 2024)<sup data-fn=\"71562dcb-0873-4eb2-ad40-d9b3731b2887\" class=\"fn\"><a href=\"#71562dcb-0873-4eb2-ad40-d9b3731b2887\" id=\"71562dcb-0873-4eb2-ad40-d9b3731b2887-link\">12<\/a><\/sup> <a href=\"https:\/\/u-labs.de\/portal\/6-grunde-google-chrome-nicht-mehr-zu-nutzen\/\" data-type=\"post\" data-id=\"11058\">hat Chrome jedoch eine marktbeherrschende Stellung im Web<\/a>. Kleinere Browser wie Firefox orientieren sich daran. Lediglich Safari als Nischenbrowser unterst\u00fctzt es aktuell.<sup data-fn=\"55bc6f44-c743-497d-bf55-2ab7644d12ab\" class=\"fn\"><a href=\"#55bc6f44-c743-497d-bf55-2ab7644d12ab\" id=\"55bc6f44-c743-497d-bf55-2ab7644d12ab-link\">13<\/a><\/sup> W\u00e4hrend JPEG XL im Web durch Google gestorben zu sein scheint, gibt es an anderer Stelle zumindest etwas Hoffnung: Seit 2023 unterst\u00fctzt es zumindest GIMP.<sup data-fn=\"42e3b847-3064-47c4-b0e3-562d8de7954d\" class=\"fn\"><a href=\"#42e3b847-3064-47c4-b0e3-562d8de7954d\" id=\"42e3b847-3064-47c4-b0e3-562d8de7954d-link\">14<\/a><\/sup><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_15-22.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"197\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_15-22-1024x197.avif\" alt=\"\" class=\"wp-image-13765\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_15-22-1024x197.avif 1024w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_15-22-300x58.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_15-22-768x148.avif 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_15-22-640x123.avif 640w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_15-22-882x170.avif 882w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_15-22.avif 1359w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">AVIF<\/h2>\n<p>Auch dieses Format ist relativ jung, 2019 erschien die erste Spezifikation. AVIF stammt ebenfalls aus der Video-Welt: Das offene und lizenzkostenfreie AV1 (<em>AOMedia Video 1<\/em>, erstmals 2018 ver\u00f6ffentlicht) dient als Grundlage. AV1 ist eine Weiterentwicklung von VP9, der wiederum als Nachfolger von VP8 erschien &#8211; damit schlie\u00dft sich der Kreis zu WebP. Bei AVIF kommt die BSD 2 Lizenz zum Einsatz.<sup data-fn=\"2e2ae4e3-f76f-4247-9db9-31b71400467f\" class=\"fn\"><a href=\"#2e2ae4e3-f76f-4247-9db9-31b71400467f\" id=\"2e2ae4e3-f76f-4247-9db9-31b71400467f-link\">15<\/a><\/sup> So zumindest die Theorie. In der Praxis ist AV1 leider ebenfalls nicht von den zahlreichen <em>Patentkriegen<\/em> sicher, die unter Video-Codecs seit Jahren laufen.<sup data-fn=\"d66a46d6-f5a5-46ef-a3e0-168d2f7a598a\" class=\"fn\"><a href=\"#d66a46d6-f5a5-46ef-a3e0-168d2f7a598a\" id=\"d66a46d6-f5a5-46ef-a3e0-168d2f7a598a-link\">16<\/a><\/sup> Ein gewisses Restrisiko bleibt f\u00fcr AVIF damit ebenfalls.<\/p>\n<p>Im Vergleich zu WebP erreicht AVIF eine bessere Kompression, sodass die Dateien bei gleichbleibender Qualit\u00e4t noch kleiner sind. Die Qualit\u00e4tsstufe 62% von AVIF ist mit 80% bei JPEG vergleichbar. Mein im Original 4,0 MB gro\u00dfes Testbild ist mit 62% AVIF nur noch 1,4 MB klein. Optisch sehe ich bei 100% (4000&#215;2252 Pixel Aufl\u00f6sung) minimale Unterschiede, die jedoch nur im direkten Vergleich \u00fcberhaupt auffallen. JPEG (= klassisch, nicht JPEG XL) kommt bei 80% auf 2,5 MB &#8211; ein Unterschied von 56%. Selbst bei einer Erh\u00f6hung der Qualit\u00e4t auf 72% ist AVIF mit 2,2 MB weiterhin kleiner.<\/p>\n<p>AVIF das Web auf seiner Seite: Es wird \u00e4hnlich breit unterst\u00fctzt, wie WebP.<sup data-fn=\"152e17a7-13d4-4711-a198-b4593a28d802\" class=\"fn\"><a href=\"#152e17a7-13d4-4711-a198-b4593a28d802\" id=\"152e17a7-13d4-4711-a198-b4593a28d802-link\">17<\/a><\/sup> Erw\u00e4hnenswert ist<\/p>\n<p> zudem, dass es Animationen (GIF) bietet.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_19-51.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"243\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_19-51-1024x243.avif\" alt=\"\" class=\"wp-image-13767\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_19-51-1024x243.avif 1024w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_19-51-300x71.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_19-51-768x182.avif 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_19-51-640x152.avif 640w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_19-51-716x170.avif 716w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/2024-08-31_19-51.avif 1361w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Ein zweiter praktischer Test im direkten Vergleich<\/h2>\n<p>Ich habe ein zweites mit dem Smartphone aufgenommene Bild sowohl als klassisches JPEG mit 90% Qualit\u00e4t exportiert. Als auch in jedes der drei neuen Formate mit einem vergleichbaren Wert.<\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-fixed-layout\">\n<tbody>\n<tr>\n<td><strong>Format<\/strong><\/td>\n<td><strong>Qualit\u00e4t<\/strong><\/td>\n<td><strong>Dateigr\u00f6\u00dfe<\/strong><\/td>\n<td><strong>Ersparnis gg\u00fc. Original<\/strong><\/td>\n<\/tr>\n<tr>\n<td>JPEG &#8211; Original<\/td>\n<td>&#8211;<\/td>\n<td>7,2 MB<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<tr>\n<td>JPEG<\/td>\n<td>90%<\/td>\n<td>4,5 MB<\/td>\n<td>2,7 MB (37,5%)<\/td>\n<\/tr>\n<tr>\n<td>JPEG XL<\/td>\n<td>90%<\/td>\n<td>2,5 MB<\/td>\n<td>4,7 MB (65,3%)<\/td>\n<\/tr>\n<tr>\n<td>AVIF<\/td>\n<td>72%<\/td>\n<td>1,2 MB<\/td>\n<td>6,0 MB (83,3%)<\/td>\n<\/tr>\n<tr>\n<td>WebP<\/td>\n<td>92%<\/td>\n<td>2,9 MB<\/td>\n<td>4,3 MB (59,7%)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p>Hier ist das Ergebnis eindeutig: AVIF erzeugt mit Abstand das kleinste Bild, gefolgt von JPEG XL. Trotz der Ersparnis von \u00fcber 80% kann ich auf 100% und 200% Zoom keinen Unterschied erkennen. Eine beeindruckende Detailtiefe und Dateigr\u00f6\u00dfe f\u00fcr die hohe Aufl\u00f6sung von 3376&#215;6000 Pixeln.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"365\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif-1024x365.png\" alt=\"\" class=\"wp-image-13777\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif-1024x365.png 1024w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif-300x107.png 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif-768x274.png 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif-1536x548.png 1536w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif-640x228.png 640w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif-477x170.png 477w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/08\/beerenbild-jpeg-vs-avif.png 1700w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<p>Schlussendlich noch die geb\u00fcndelten Werte des ersten Testbildes vom Samsung Smartphone, welches im Flie\u00dftext bei den Formaten erw\u00e4hnt wurde:<\/p>\n<figure class=\"wp-block-table\">\n<table class=\"has-fixed-layout\">\n<tbody>\n<tr>\n<td><strong>Format<\/strong><\/td>\n<td><strong>Qualit\u00e4t<\/strong><\/td>\n<td><strong>Dateigr\u00f6\u00dfe<\/strong><\/td>\n<td><strong>Ersparnis gg\u00fc. Original<\/strong><\/td>\n<\/tr>\n<tr>\n<td>JPEG &#8211; Original<\/td>\n<td>&#8211;<\/td>\n<td>4,0 MB<\/td>\n<td>&#8211;<\/td>\n<\/tr>\n<tr>\n<td>JPEG<\/td>\n<td>90%<\/td>\n<td>3,4 MB<\/td>\n<td>0,6 MB (15%)<\/td>\n<\/tr>\n<tr>\n<td>JPEG XL<\/td>\n<td>90%<\/td>\n<td>2,2 MB<\/td>\n<td>1,8 MB (45%)<\/td>\n<\/tr>\n<tr>\n<td>AVIF<\/td>\n<td>72%<\/td>\n<td>1,8 MB<\/td>\n<td>2,2 MB (55%)<\/td>\n<\/tr>\n<tr>\n<td>WebP<\/td>\n<td>92%<\/td>\n<td>3,0 MB<\/td>\n<td>1,0 MB (25%)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<h2 class=\"wp-block-heading\">(Nahezu) Irrelevante Formate<\/h2>\n<p>Es w\u00e4re absurd zu behaupten, dass sich in mehreren Jahrzehnten nur eine Hand voll Bildformate entwickelt haben. Einige weitere existieren, ein Beispiel ist HEIF (<em>High Efficiency Image File Format<\/em>): Wie AVIF und WebP kommt es aus der Video-Branche, hier HEVC &#8211; bekannt durch den H265 Codec. Im Vergleich zu JPEG soll etwa 40% Speicher gespart werden, also grob mit JPEG XL vergleichbar. Apple nutzt es seit 2017 als Standard auf ihren Ger\u00e4ten,<sup data-fn=\"4a3a98df-29da-4d39-ba3d-56e004056055\" class=\"fn\"><a href=\"#4a3a98df-29da-4d39-ba3d-56e004056055\" id=\"4a3a98df-29da-4d39-ba3d-56e004056055-link\">18<\/a><\/sup> dar\u00fcber hinaus konnte es sich kaum durchsetzen: Das Samsung Galaxy S23+ bietet als einer der wenigen in den erweiterten Einstellungen dies als Alternative zu JPEG an.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/samsung-heif.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"400\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/samsung-heif.avif\" alt=\"\" class=\"wp-image-13782\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/samsung-heif.avif 506w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/samsung-heif-300x237.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/samsung-heif-455x360.avif 455w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/samsung-heif-215x170.avif 215w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/a><figcaption class=\"wp-element-caption\">Das Galaxy S23+ unterst\u00fctzt nur JPEG, HEIF und RAW.<\/figcaption><\/figure>\n<\/div>\n<p>Selbst beim Teilen von Apple-Ger\u00e4ten m\u00fcssen diese HEIF-Bilder in JPEG umwandeln. Unter den Webbrowsern kann lediglich Safari damit umgehen. Auch JPEG 2000 war ein fr\u00fcherer Versuch, um JPEG besser zu machen. Diese und weitere Projekte kann man als gescheitert betrachten. Das Bildformat der Zukunft muss im WWW breitfl\u00e4chig unterst\u00fctzt werden, wie es bei den Klassikern der Fall ist. Damit bleiben derzeit weniger als f\u00fcnf \u00fcbrig.<\/p>\n<h2 class=\"wp-block-heading\">Nutzung im Alltag<\/h2>\n<p>Wie sehr Zukunftsmusik das bei vielen jedoch noch ist, zeigen Statistiken von W3Tech zur Verbreitung:<sup data-fn=\"c8c896e0-4bad-4148-89eb-aa0be34ae0d0\" class=\"fn\"><a href=\"#c8c896e0-4bad-4148-89eb-aa0be34ae0d0\" id=\"c8c896e0-4bad-4148-89eb-aa0be34ae0d0-link\">19<\/a><\/sup> PNG &amp; JPEG liegen mit gro\u00dfem Abstand vorne. Gefolgt von SGV, wobei dieses Format f\u00fcr Logos\/Icons bereits sinnvoll ist und keinen Ersatz ben\u00f6tigt. Selbst das seit \u00fcber einem Jahrzehnt verf\u00fcgbar WebP kommt auf \u00fcberschaubare 13,6% &#8211; AVIF nutzen gar nur 0,2% der analysierten Seiten.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/web-img-formats-usage.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"366\" height=\"299\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/web-img-formats-usage.avif\" alt=\"\" class=\"wp-image-13780\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/web-img-formats-usage.avif 366w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/web-img-formats-usage-300x245.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/web-img-formats-usage-208x170.avif 208w\" sizes=\"auto, (max-width: 366px) 100vw, 366px\" \/><\/a><\/figure>\n<\/div>\n<p>Dies l\u00e4sst erahnen: L\u00e4ngst nicht alle Seiten unterst\u00fctzen moderne Bildformate. Auf Kleinanzeigen (ehemals eBay Kleinanzeigen) sind beispielsweise nur die Klassiker JPG, PNG und GIF erlaubt. Selbst das \u00e4lteste WebP wird nicht akzeptiert. Auch Instagram lebt in einem anderen Jahrzehnt. Twitter\/X dagegen kommt zumindest mit AVIF sowie WebP zurecht, nur bei JPEG XL muss es passen. Zusammengefasst ist es durchwachsen. <\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/2024-09-01_13-28.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"942\" height=\"172\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/2024-09-01_13-28.avif\" alt=\"\" class=\"wp-image-13784\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/2024-09-01_13-28.avif 942w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/2024-09-01_13-28-300x55.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/2024-09-01_13-28-768x140.avif 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/2024-09-01_13-28-640x117.avif 640w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/2024-09-01_13-28-931x170.avif 931w\" sizes=\"auto, (max-width: 942px) 100vw, 942px\" \/><\/a><\/figure>\n<\/div>\n<p>Je nachdem, was man mit den Bildern macht, m\u00fcssen modernere Formate ggf. derzeit noch umwandelt werden, um sie \u00fcberall zu verwenden. Das sollte man bei der pers\u00f6nlichen Entscheidung im Hinterkopf behalten. Im pers\u00f6nlichen Fotoarchiv hat man die M\u00f6glichkeit, entsprechend kompatible Software einzusetzen. Auf der eigenen Webseite ebenfalls, hier ist nur die Unterst\u00fctzung der Browser entscheidend. Bei Drittanbieter-Diensten gilt die <em>Friss oder Stirb<\/em> Mentalit\u00e4t.<\/p>\n<h2 class=\"wp-block-heading\">Fazit: Welchem Bildformat geh\u00f6rt die Zukunft?<\/h2>\n<p>Das klassische JPEG-Format ist bis heute stark verbreitet, aber wurde in den letzten Jahren \u00fcberholt. Bei den Tests mit drei unterschiedlichen Bildern konnte AVIF alle deutlich verkleinern. Geringe optische Unterschiede fallen h\u00f6chstens beim Zoomen auf Screenshots auf. Softwarepatente schweben jedoch als Damoklesschwert \u00fcber dem auf Video-Codes basierten Format. Damit hat der JPEG-Nachfolger JPEG XL keine Probleme: Er blieb etwas hinter AVIF, erzielte dennoch gute Ergebnisse. Die Qualit\u00e4t ist im Vergleich zum klassischen JPEG deutlich besser geworden, bei geringerer Dateigr\u00f6\u00dfe. WebP ist bereits etwas \u00c4lter und bildet das Schlusslicht. Gewisse Unterschiede k\u00f6nnen je nach Kamera, Einstellungen und Bildmaterial auftreten.<\/p>\n<p>Leider weigert sich Chrome, weiterhin das uneingeschr\u00e4nkt freie JPEG XL zu unterst\u00fctzen. Eine Wende bei Google ist nicht in Sicht, sodass dieses Format auf absehbare Zeit im Web keine Zukunft hat. Damit hat AVIF die besten Karten. Alternativ bleibt nur das bei der Kompression abgeschlagene WebP. Besser als das klassische JPEG ist es jedoch allemal.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed.avif\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed-1024x576.avif\" alt=\"\" class=\"wp-image-13805\" srcset=\"https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed-1024x576.avif 1024w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed-300x169.avif 300w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed-768x432.avif 768w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed-1536x864.avif 1536w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed-640x360.avif 640w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed-302x170.avif 302w, https:\/\/u-labs.de\/portal\/wp-content\/uploads\/2024\/09\/test1-result-80_typofixed.avif 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\">Quellen<\/h2>\n<ol class=\"wp-block-footnotes\">\n<li id=\"9fe509a4-9493-4009-8788-274743f48535\">https:\/\/www.adobe.com\/de\/creativecloud\/file-types\/image\/raster\/jpeg-file.html <a href=\"#9fe509a4-9493-4009-8788-274743f48535-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 1 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"695bef77-7019-45fe-9de9-88763818a058\">https:\/\/www.industrialempathy.com\/posts\/avif-webp-quality-settings\/ <a href=\"#695bef77-7019-45fe-9de9-88763818a058-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 2 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"2556f51a-c3ea-40f5-9922-fa846d0be6ab\">https:\/\/afontenot.github.io\/image-formats-comparison\/#abandoned-factory&amp;original=l&amp;JPEGXL=l <a href=\"#2556f51a-c3ea-40f5-9922-fa846d0be6ab-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 3 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"667912a1-82b3-4215-80b4-4ee22c9a3e9f\">https:\/\/www.businesswire.com\/news\/home\/20130307006192\/en\/Google-MPEG-LA-Announce-Agreement-Covering-VP8 <a href=\"#667912a1-82b3-4215-80b4-4ee22c9a3e9f-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 4 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"3ff11bfb-9d8a-4ad7-84e6-4eeec97d933e\">https:\/\/developers.google.com\/speed\/webp?hl=de <a href=\"#3ff11bfb-9d8a-4ad7-84e6-4eeec97d933e-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 5 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"4b975f13-4635-4b53-8a80-77e20b24e43f\">https:\/\/caniuse.com\/webp <a href=\"#4b975f13-4635-4b53-8a80-77e20b24e43f-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 6 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"b1c967d0-2b09-4c8a-bb02-386f81e3e4d1\">https:\/\/jpeg.org\/items\/20180504_press.html <a href=\"#b1c967d0-2b09-4c8a-bb02-386f81e3e4d1-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 7 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"0c3dac53-a9ac-48e8-a515-5fb8b460af3b\">https:\/\/www.iso.org\/standard\/77977.html <a href=\"#0c3dac53-a9ac-48e8-a515-5fb8b460af3b-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 8 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"c6571d85-2b32-41f8-bffa-35554fc0c907\">https:\/\/jpegxl.info\/why-jxl.html <a href=\"#c6571d85-2b32-41f8-bffa-35554fc0c907-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 9 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"805dbdb6-2e2e-48fd-b654-8c0efb24f29f\">https:\/\/cloudinary.com\/blog\/the-case-for-jpeg-xl <a href=\"#805dbdb6-2e2e-48fd-b654-8c0efb24f29f-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 10 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"f3bd8e68-c53f-4fa9-917a-23547a98b52d\">https:\/\/www.heise.de\/news\/Beerdigt-Google-so-JPEG-XL-Chromium-entfernt-das-Grafikformat-noch-vorm-Start-7325682.html <a href=\"#f3bd8e68-c53f-4fa9-917a-23547a98b52d-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 11 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"71562dcb-0873-4eb2-ad40-d9b3731b2887\">https:\/\/gs.statcounter.com\/browser-market-share\/all\/ <a href=\"#71562dcb-0873-4eb2-ad40-d9b3731b2887-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 12 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"55bc6f44-c743-497d-bf55-2ab7644d12ab\">https:\/\/caniuse.com\/jpegxl <a href=\"#55bc6f44-c743-497d-bf55-2ab7644d12ab-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 13 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"42e3b847-3064-47c4-b0e3-562d8de7954d\">https:\/\/www.heise.de\/news\/Noch-nicht-von-allen-abgeschrieben-GIMP-bekommt-JPEG-XL-Export-7529992.html <a href=\"#42e3b847-3064-47c4-b0e3-562d8de7954d-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 14 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"2e2ae4e3-f76f-4247-9db9-31b71400467f\">https:\/\/github.com\/AOMediaCodec\/av1-avif\/blob\/master\/LICENSE <a href=\"#2e2ae4e3-f76f-4247-9db9-31b71400467f-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 15 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"d66a46d6-f5a5-46ef-a3e0-168d2f7a598a\">https:\/\/www.golem.de\/news\/videocodec-der-endkampf-um-video-patente-und-av1-2311-179666.html <a href=\"#d66a46d6-f5a5-46ef-a3e0-168d2f7a598a-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 16 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"152e17a7-13d4-4711-a198-b4593a28d802\">https:\/\/caniuse.com\/avif <a href=\"#152e17a7-13d4-4711-a198-b4593a28d802-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 17 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"4a3a98df-29da-4d39-ba3d-56e004056055\">https:\/\/www.heise.de\/news\/HEIF-statt-JPEG-iOS-11-soll-Foto-Speicherplatzbedarf-halbieren-3747781.html <a href=\"#4a3a98df-29da-4d39-ba3d-56e004056055-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 18 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<li id=\"c8c896e0-4bad-4148-89eb-aa0be34ae0d0\">https:\/\/w3techs.com\/technologies\/overview\/image_format <a href=\"#c8c896e0-4bad-4148-89eb-aa0be34ae0d0-link\" aria-label=\"Zur Fu\u00dfnotenreferenz 19 navigieren\">\u21a9\ufe0e<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>JPEG h\u00e4lt sich seit Jahrzehnten hartn\u00e4ckig und ist f\u00fcr viele das Bildformat schlechthin. Doch JPEG, PNG &amp; co. haben Nachteile &#8211; in den letzten Jahren entstanden zunehmend bessere Alternativen. In diesem Beitrag werfen wir einen theoretischen &amp; praktischen Blick auf die interessantesten sowie wichtigsten Bildformate, die man 2024 kennen sollte. Ich habe Testbilder in diese &#8230;<\/p>\n","protected":false},"author":5,"featured_media":13801,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"[{\"content\":\"https:\/\/www.adobe.com\/de\/creativecloud\/file-types\/image\/raster\/jpeg-file.html\",\"id\":\"9fe509a4-9493-4009-8788-274743f48535\"},{\"content\":\"https:\/\/www.industrialempathy.com\/posts\/avif-webp-quality-settings\/\",\"id\":\"695bef77-7019-45fe-9de9-88763818a058\"},{\"content\":\"https:\/\/afontenot.github.io\/image-formats-comparison\/#abandoned-factory&amp;original=l&amp;JPEGXL=l\",\"id\":\"2556f51a-c3ea-40f5-9922-fa846d0be6ab\"},{\"content\":\"https:\/\/www.businesswire.com\/news\/home\/20130307006192\/en\/Google-MPEG-LA-Announce-Agreement-Covering-VP8\",\"id\":\"667912a1-82b3-4215-80b4-4ee22c9a3e9f\"},{\"content\":\"https:\/\/developers.google.com\/speed\/webp?hl=de\",\"id\":\"3ff11bfb-9d8a-4ad7-84e6-4eeec97d933e\"},{\"content\":\"https:\/\/caniuse.com\/webp\",\"id\":\"4b975f13-4635-4b53-8a80-77e20b24e43f\"},{\"content\":\"https:\/\/jpeg.org\/items\/20180504_press.html\",\"id\":\"b1c967d0-2b09-4c8a-bb02-386f81e3e4d1\"},{\"content\":\"https:\/\/www.iso.org\/standard\/77977.html\",\"id\":\"0c3dac53-a9ac-48e8-a515-5fb8b460af3b\"},{\"content\":\"https:\/\/jpegxl.info\/why-jxl.html\",\"id\":\"c6571d85-2b32-41f8-bffa-35554fc0c907\"},{\"content\":\"https:\/\/cloudinary.com\/blog\/the-case-for-jpeg-xl\",\"id\":\"805dbdb6-2e2e-48fd-b654-8c0efb24f29f\"},{\"content\":\"https:\/\/www.heise.de\/news\/Beerdigt-Google-so-JPEG-XL-Chromium-entfernt-das-Grafikformat-noch-vorm-Start-7325682.html\",\"id\":\"f3bd8e68-c53f-4fa9-917a-23547a98b52d\"},{\"content\":\"https:\/\/gs.statcounter.com\/browser-market-share\/all\/\",\"id\":\"71562dcb-0873-4eb2-ad40-d9b3731b2887\"},{\"content\":\"https:\/\/caniuse.com\/jpegxl\",\"id\":\"55bc6f44-c743-497d-bf55-2ab7644d12ab\"},{\"content\":\"https:\/\/www.heise.de\/news\/Noch-nicht-von-allen-abgeschrieben-GIMP-bekommt-JPEG-XL-Export-7529992.html\",\"id\":\"42e3b847-3064-47c4-b0e3-562d8de7954d\"},{\"content\":\"https:\/\/github.com\/AOMediaCodec\/av1-avif\/blob\/master\/LICENSE\",\"id\":\"2e2ae4e3-f76f-4247-9db9-31b71400467f\"},{\"content\":\"https:\/\/www.golem.de\/news\/videocodec-der-endkampf-um-video-patente-und-av1-2311-179666.html\",\"id\":\"d66a46d6-f5a5-46ef-a3e0-168d2f7a598a\"},{\"content\":\"https:\/\/caniuse.com\/avif\",\"id\":\"152e17a7-13d4-4711-a198-b4593a28d802\"},{\"content\":\"https:\/\/www.heise.de\/news\/HEIF-statt-JPEG-iOS-11-soll-Foto-Speicherplatzbedarf-halbieren-3747781.html\",\"id\":\"4a3a98df-29da-4d39-ba3d-56e004056055\"},{\"content\":\"https:\/\/w3techs.com\/technologies\/overview\/image_format\",\"id\":\"c8c896e0-4bad-4148-89eb-aa0be34ae0d0\"}]"},"categories":[22],"tags":[1105,1107,1106],"class_list":["post-13747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technik","tag-avif","tag-jpeg","tag-webp"],"_links":{"self":[{"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/posts\/13747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/comments?post=13747"}],"version-history":[{"count":23,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/posts\/13747\/revisions"}],"predecessor-version":[{"id":13849,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/posts\/13747\/revisions\/13849"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/media\/13801"}],"wp:attachment":[{"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/media?parent=13747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/categories?post=13747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/u-labs.de\/portal\/wp-json\/wp\/v2\/tags?post=13747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}