De meeste mensen realiseren zich niet dat korte animaties ingebed in de vorm van geanimeerde GIF's in hun favoriete websites worden geleverd met enorme prestaties, batterij, bestandsgrootte en bandbreedte boetes.
Geanimeerde GIF's zijn verschrikkelijk voor webprestaties: ze zijn meestal 12x grotere bestanden dan H.264-video's en nemen 2x de energie om te laden en weer te geven in een browser. En vanwege een schamele 256-kleurenpalet, zijn ze beperkt in kleurbereik en zien ze er in het algemeen niet erg goed uit.
Dat komt omdat GIF, wat een afkorting is voor het Graphics Interchange-formaat, "niet bedoeld is als een platform voor animatie", hoewel het op een beperkte manier kan worden gedaan, volgens de formulering van de originele GIF89a-specificatie.
Gelukkig lijkt het erop dat de Safari-browser van Apple kan helpen een einde te maken aan het gebruik van GIF's als het standaardformaat van het web voor micro-vormige video's, memes en schattige animaties.
Dat komt omdat Safari Technology Preview, een speciale versie van Safari voor ontwikkelaars om opkomende webtechnologieën in macOS en iOS te testen, in zijn nieuwste update webontwikkelaars toestaat om echte video-indelingen zoals MP4 in HTML "img" -tags in te bedden.
Colin Bendell heeft nu (via John Gruber van Daring Fireball) het belangrijkste voordeel van deze coole nieuwe mogelijkheid in Safari Technology Preview voor Mac aangetoond: het opnemen van een echt .MP4-videobestand in de 'img'-tag resulteert in een ongelooflijke 20x snellere weergave en 7x sneller decodering versus zijn GIF-tegenhanger, naast dat het een vierde van de bestandsgrootte is.
Bewijsstuk A: het bronartikel van Colin, dat ter illustratie enkele geanimeerde GIF's insluit, is 46 MB in Chrome. Dezelfde webpagina is slechts 2 MB in Safari Technology Preview met de GIF's geconverteerd naar MP4 en gebruikt met de tag "img".
"Nu kunnen onze micro-vormige video's klein en efficiënt zijn (zoals MP4's) en ze kunnen gemakkelijk vooraf worden geladen, automatisch worden afgespeeld en gedeeld (zoals onze oude vriend, de GIF)," vat Colin het goed samen.
Andere voordelen van deze aanpak zijn de mogelijkheid om dergelijke animaties eenvoudig op te slaan of te delen, ruimtebesparende animaties in 4K te maken met behulp van HEIC (de H.265-codec) en meer.
De onderstaande tabel illustreert het soort bytebesparingen dat Colin heeft weten te realiseren door alleen de trending top 100 geanimeerde GIF-bestanden van giphy.com te transcoderen en deze vervolgens te converteren naar de H.264, H.265, VP8, VP8 en WebP videoformaten.
Deze aanpak is niet zonder zijn aandeel in de valkuilen, omdat MP4-animaties op dit moment vaak in "img" -tags worden ingepakt, waardoor vaak ingewikkelde problemen worden geïntroduceerd die veel handmatig werk van de ontwikkelaar vereisen om toekomstige compatibiliteit te garanderen.
Dat gezegd hebbende, als je deze nieuwe functie zelf wilt testen, moet je Safari Technology Preview downloaden van Apple. Safari Technology Preview kan naast de commerciële versie van Safari bestaan die al op uw computer is geïnstalleerd.
Ik hoop dat het geen jaren zal duren voordat deze nieuwe functie aanslaat op websites en blogs.
Ben je dol op of haat geanimeerde GIF's als voorkeursformaat van het web voor korte animaties?
Geluid uit in de reacties!
