Farvel, animert GIF? Safari vil snart tillate ekte videoformater å bli inkludert i 'img' tagger

De fleste mennesker er ikke klar over at korte animasjoner innebygd i form av animerte GIF-er på deres favorittnettsteder med enorme ytelser, batteri, filstørrelse og båndbredde..

Animerte GIF-er er forferdelig for ytelse på nettet: de er vanligvis 12x større filer enn H.264-videoer og tar 2x energien å laste og vise i en nettleser. Og på grunn av en lun 256-fargepalett er de begrenset i fargeområde og ser bare ikke veldig bra ut generelt.

Det er fordi GIF, som er et akronym for Graphics Interchange Format, ikke er "ment som en plattform for animasjon", selv om det kan gjøres på en begrenset måte, i henhold til ordlyden fra den opprinnelige GIF89a-spesifikasjonen.

Heldigvis ser det ut til at Apples Safari-nettleser kan bidra til å få slutt på praksisen med å bruke GIF-er som nettets standardformat for mikroformatvideoer, memes og søte animasjoner.

Det er fordi Safari Technology Preview, en spesiell versjon av Safari for utviklere for å teste kommende webteknologier i macOS og iOS, i sin siste oppdatering tillater nettutviklere å legge inn sanne videoformater som MP4 i HTML “img” -koder.

Colin Bendell har nå demonstrert (via Daring Fireball's John Gruber) den viktigste fordelen med denne kule nye muligheten i Safari Technology Preview for Mac: innebygd en ekte .MP4-videofil i "img" -koden resulterer i en utrolig 20x raskere gjengivelse og 7x raskere avkoding kontra GIF-motstykke, i tillegg til at den er en fjerdedel av filstørrelsen.

Utstilling A: kildeartikkelen fra Colin, som legger inn noen få animerte GIF-er til illustrasjonsformål, er 46 MB på Chrome. Den samme websiden er bare 2 MB i forhåndsvisning av Safari Technology med GIF-er konvertert til MP4 og brukt med "img" -koden.

"Nå kan mikroformatvideoene våre være små og effektive (som MP4-er), og de kan enkelt lastes på forhånd, spilles av og deles (som vår gamle venn, GIF)," oppsummerer Colin pent.

Andre fordeler med denne tilnærmingen inkluderer muligheten til enkelt å lagre eller dele slike animasjoner, lage plassbesparende animasjoner i 4K ved å bruke HEIC (H.265-kodeken) og mer.

Tabellen som er inkludert nedenfor illustrerer typen besparelser i byte-størrelse som Colin har klart å oppnå bare ved å kode de trending topp 100 animerte GIF-filer fra giphy.com og deretter konvertere dem til H.264, H.265, VP8, VP8 og WebP videoformater.

Denne tilnærmingen er ikke uten sin del av potensielle fallgruver fordi for øyeblikket innpakning av MP4-animasjoner i “img” -koder ofte introduserer en rekke kompliserte problemer som krever mye manuelt arbeid fra utviklerens side for å sikre fremtidig kompatibilitet.

Når det er sagt, hvis du ønsker å teste denne nye funksjonen selv, må du laste ned Safari Technology Preview fra Apple. Safari Technology Preview kan sameksistere med den kommersielle versjonen av Safari som allerede er installert på datamaskinen din.

Jeg håper det ikke vil ta flere år før denne nye funksjonen fanges på nettsteder og blogger.

Elsker eller hater du animerte GIF-er som nettets foretrukne format for korte animasjoner?

Lyd av i kommentarene!