Majoritatea oamenilor nu își dau seama că animațiile scurte încorporate sub formă de GIF-uri animate în site-urile lor preferate vin cu penalități uriașe de performanță, baterie, dimensiunea fișierului și lățimea de bandă..
GIF-urile animate sunt groaznice pentru performanța web: de obicei sunt fișiere de 12 ori mai mari decât videoclipurile H.264 și preiau 2x energia pentru încărcare și afișare într-un browser. Și datorită unei palete minunate de 256 de culori, acestea sunt limitate în gama de culori și pur și simplu nu arată foarte bine în general.
Acest lucru se datorează faptului că GIF, care este un acronim pentru formatul graficului de schimb, nu este „conceput ca o platformă pentru animație”, chiar dacă poate fi realizat într-un mod limitat, conform formulării din specificația originală GIF89a.
Din fericire, s-ar părea că browserul Safari Apple poate ajuta la punerea capăt practicii de utilizare a GIF-urilor ca format implicit al web-ului pentru videoclipuri cu micro-forme, memorii și animații drăguțe.
Acest lucru se datorează faptului că Safari Technology Preview, o versiune specială a Safari pentru dezvoltatori care testează viitoarele tehnologii web în macOS și iOS, în ultima sa actualizare permite dezvoltatorilor web să încorporeze formate video adevărate precum MP4 în etichete HTML „img”..
Colin Bendell a demonstrat acum (prin John Gruber, de la Daring Fireball) avantajul esențial al acestei noi funcții interesante în Safari Technology Preview pentru Mac: încorporarea unui adevărat fișier video .MP4 în eticheta „img” duce la o redare incredibilă de 20x mai rapidă și 7x mai rapidă decodarea în raport cu omologul său GIF, pe lângă faptul că este o pătrime din dimensiunea fișierului.
Expoziția A: articolul sursă de la Colin, care include câteva GIF-uri animate în scop ilustrativ, este de 46 MB pe Chrome. Aceeași pagină web este de doar 2 MB în Safari Technology Preview cu GIF-urile convertite în MP4 și utilizate cu eticheta „img”.
„Acum, videoclipurile noastre cu micro-forme pot fi mici și eficiente (cum ar fi MP4-urile) și pot fi preîncărcate, redate automat și partajate (precum vechiul nostru prieten, GIF-ul)”, rezumă Colin frumos.
Alte avantaje ale acestei abordări includ capacitatea de a salva sau partaja astfel de animații, de a crea animații care economisesc spațiu în 4K folosind HEIC (codecul H.265) și multe altele.
Tabelul inclus mai jos ilustrează tipul de economii de dimensiune de octeți pe care Colin a reușit să le realizeze doar prin transcodarea celor mai trending fișiere GIF animate de top 100 de la giphy.com și apoi transformarea lor în H.264, H.265, VP8, VP8 și WebP formate video.
Această abordare nu este fără a împărtăși potențialele capcane, deoarece, în acest moment, înfășurarea animațiilor MP4 în etichetele „img” introduce adesea o serie de probleme complicate care necesită multă muncă manuală din partea dezvoltatorului pentru a asigura compatibilitatea viitoare..
Acestea fiind spuse, dacă doriți să testați această nouă caracteristică pentru dvs., va trebui să descărcați Safari Technology Preview de la Apple. Safari Technology Preview poate coexista cu versiunea comercială Safari instalată deja pe computer.
Sper să nu treacă ani de zile pentru ca această nouă caracteristică să fie accesată pe site-urile web și blogurile.
Îți plac sau urăști GIF-urile animate ca format preferat al web-ului pentru animații scurte?
Sună în comentarii!
