De flesta människor inser inte att korta animationer inbäddade i form av animerade GIF på deras favoritwebbplatser har enorma prestanda, batteri, filstorlek och bandbreddstraff.
Animerade GIF-filer är fruktansvärda för webbprestanda: de är vanligtvis 12x större filer än H.264-videor och tar 2x energi att ladda och visa i en webbläsare. Och på grund av en liten 256-färgpalett är de begränsade i färgintervall och ser helt enkelt inte särskilt bra ut.
Det beror på att GIF, som är en förkortning för Graphics Interchange Format, "inte är tänkt som en plattform för animering" även om det kan göras på ett begränsat sätt, enligt formuleringen från den ursprungliga GIF89a-specifikationen.
Tack och lov verkar det som att Apples Safari-webbläsare kan hjälpa till att få slut på praxisen med att använda GIF som webbs standardformat för mikroformulärvideor, memes och söta animationer.
Det beror på att Safari Technology Preview, en speciell version av Safari för utvecklare för att testa kommande webbteknologier i macOS och iOS, i sin senaste uppdatering tillåter webbutvecklare att bädda in riktiga videoformat som MP4 i HTML-img-taggar.
Colin Bendell har nu visat (via Daring Fireball's John Gruber) den viktigaste fördelen med denna coola nya kapacitet i Safari Technology Preview för Mac: inbäddning av en riktig .MP4-videofil i taggen "img" resulterar i en otrolig 20x snabbare rendering och 7x snabbare avkodning kontra dess GIF-motsvarighet, förutom att den är en fjärdedel av filstorleken.
Utställning A: källartikeln från Colin, som inbäddar några animerade GIF för illustrativa syften, är 46 MB på Chrome. Samma webbsida är bara 2 MB i Safari Technology Preview med GIF: er konverterade till MP4 och används med taggen "img".
"Nu kan våra mikroformiga videor vara små och effektiva (som MP4) och de kan enkelt laddas in, autoplayas och delas (som vår gamla vän, GIF)," summerar Colin det snyggt.
Andra fördelar med detta tillvägagångssätt inkluderar möjligheten att enkelt spara eller dela sådana animationer, skapa platsbesparande animationer i 4K med hjälp av HEIC (H.265-codec) och mer.
Tabellen nedan illustrerar typen av besparingar i byte-storlek som Colin har lyckats uppnå bara genom att koda de trenderande 100 animerade GIF-filerna från giphy.com och sedan konvertera dem till H.264, H.265, VP8, VP8 och WebP videoformat.
Detta tillvägagångssätt är inte utan dess del av potentiella fallgropar, för närvarande förpackar MP4-animationer i "img" -taggar ofta en mängd komplicerade problem som kräver mycket manuellt arbete från utvecklarens sida för att säkerställa framtida kompatibilitet.
Som sagt, om du vill testa den här nya funktionen själv måste du ladda ner Safari Technology Preview från Apple. Safari Technology Preview kan samexistera med den kommersiella versionen av Safari som redan är installerad på din dator.
Jag hoppas att det inte kommer att ta flera år för den här nya funktionen att fånga på olika webbplatser och bloggar.
Älskar eller hatar du animerade GIF-filer som webbs favoritformat för korta animationer?
Ljud av i kommentarerna!
