Die meisten Leute wissen nicht, dass kurze Animationen, die in Form von animierten GIFs auf ihren Lieblingswebsites eingebettet sind, enorme Nachteile hinsichtlich Leistung, Akku, Dateigröße und Bandbreite haben.
Animierte GIFs sind für die Webleistung schrecklich: Sie sind in der Regel 12x größer als H.264-Videos und benötigen das Doppelte der Energie, um in einem Browser geladen und angezeigt zu werden. Und aufgrund einer dürftigen 256-Farben-Palette sind sie in der Farbpalette begrenzt und sehen insgesamt nicht sehr gut aus.
Das liegt daran, dass GIF, eine Abkürzung für Graphics Interchange Format, „nicht als Plattform für Animationen gedacht“ ist, obwohl dies gemäß dem Wortlaut der ursprünglichen GIF89a-Spezifikation nur eingeschränkt möglich ist.
Zum Glück scheint Apples Safari-Browser dabei zu helfen, die Verwendung von GIFs als Standardformat für Mikroform-Videos, Memes und niedliche Animationen zu beenden.
Dies liegt daran, dass Safari Technology Preview, eine spezielle Version von Safari, mit der Entwickler kommende Webtechnologien unter MacOS und iOS testen können. Mit dem neuesten Update können Webentwickler echte Videoformate wie MP4 in HTML- „img“ -Tags einbetten.
Colin Bendell hat nun (über John Gruber von Daring Fireball) den Hauptvorteil dieser coolen neuen Funktion in Safari Technology Preview für Mac demonstriert: Das Einbetten einer echten MP4-Videodatei in das "img" -Tag führt zu einem unglaublichen 20-mal schnelleren Rendering und 7-mal schneller Dekodierung im Vergleich zu seinem GIF-Gegenstück, zusätzlich zu einem Viertel der Dateigröße.
Anlage A: Der Quellartikel von Colin, in den einige animierte GIFs zur Veranschaulichung eingebettet sind, hat eine Größe von 46 MB in Chrome. Dieselbe Webseite ist in Safari Technology Preview nur 2 MB groß, wobei die GIFs in MP4 konvertiert und mit dem Tag "img" verwendet werden.
"Jetzt können unsere Mikro-Form-Videos klein und effizient sein (wie MP4s) und sie können einfach vorgeladen, automatisch abgespielt und geteilt werden (wie unser alter Freund, das GIF)", fasst Colin es gut zusammen.
Weitere Vorteile dieses Ansatzes sind das einfache Speichern oder Freigeben solcher Animationen, das Erstellen platzsparender Animationen in 4K mithilfe von HEIC (dem H.265-Codec) und mehr.
Die folgende Tabelle zeigt die Einsparungen bei der Bytegröße, die Colin erzielt hat, indem er die 100 beliebtesten animierten GIF-Dateien von giphy.com transkodiert und anschließend in H.264, H.265, VP8, VP8 und WebP konvertiert Videoformate.
Dieser Ansatz ist nicht ohne potenzielle Gefahren, da das Umschließen von MP4-Animationen in „img“ -Tags derzeit häufig eine Vielzahl komplizierter Probleme mit sich bringt, die viel manuelle Arbeit seitens des Entwicklers erfordern, um die zukünftige Kompatibilität sicherzustellen.
Wenn Sie diese neue Funktion jedoch selbst testen möchten, müssen Sie Safari Technology Preview von Apple herunterladen. Safari Technology Preview kann mit der kommerziellen Version von Safari koexistieren, die bereits auf Ihrem Computer installiert ist.
Ich hoffe, es wird nicht Jahre dauern, bis sich diese neue Funktion auf allen Websites und Blogs durchsetzt.
Lieben oder hassen Sie animierte GIFs als bevorzugtes Webformat für kurze Animationen??
Ton aus in den Kommentaren!
