10 moduri de a optimiza un fișier animat GIF

Încercați să reduceți dimensiunea GIF? Să ne aruncăm în 10 moduri în care puteți optimiza un fișier GIF. 

Ce este un fișier GIF?

GIF este formatul standard pentru comprimarea imaginilor cu suprafețe mari de culori solide și detalii clare precum cele din artă, logo-uri sau tip. Fiind un format de imagine cu adâncime de 8 biți, ar fi dispărut de pe web după introducerea formatelor de fișiere JPEG și PNG, dar GIF este încă un format preferat de fișiere web datorită funcției de animație a cadrelor. 

10 moduri de a reduce dimensiunea unui fișier GIF

În acest tutorial, vom examina cu atenție toate opțiunile disponibile pentru a converti un videoclip într-o animație GIF și cum să optimizați dimensiunea fișierului. Să începem!

Apropo, dacă lucrați frecvent cu GIF-uri animate, vă recomandăm să consultați o soluție automatizată: acțiunea Gift Export Photoshop disponibilă pe Envato Market, care vă permite să faceți mai multe imagini, să le încărcați automat în Photoshop și să le exportați GIF.


1. Decuparea animației

În primul rând, va trebui să deschideți fișierul video cu Photoshop. De cele mai multe ori nu veți avea nevoie de întreaga secvență pentru animația GIF, astfel încât să puteți tăia videoclipul în Panoul de timp. Porniți Buclă și încercați să găsiți un loc bun pentru a tăia videoclipul.



2. Reducerea dimensiunii imaginii

Puteți reduce dimensiunea imaginii de la Imagine meniu sau face mai târziu în Salvați pentru Web căsuță de dialog. Prefer să o fac la început cu Marimea imaginii , Deoarece poate salva o cantitate considerabilă de timp de încărcare când deschideți caseta de dialog Salvare pentru Web. Stratul dvs. video va trebui să fie transformat în a Obiect inteligent dacă redimensionați imaginea, dar nu trebuie să vă faceți griji în legătură cu acest lucru, nu va afecta fluxul nostru de lucru deloc.



3. Salvați pentru Web

Lucrul meu preferat despre acest flux de lucru este că nu trebuie să facem nicio conversie pe panoul Timeline pentru a putea salva o animație de cadre, deoarece caseta de dialog Salvează pentru Web va face lucrul pentru noi odată ce selectați formatul fișierului GIF ca ieșire. Observați că opțiunile de animație vor apărea în colțul din dreapta jos al casetei de dialog. În cazul în care decideți să reduceți în continuare dimensiunea imaginii dvs. puteți să o faceți în continuare aici.



4. Reduceți cantitatea de cadre

Puteți reduce în continuare dimensiunea animației GIF dacă redeschideți GIF exportat înapoi în Photoshop și ștergeți fiecare al doilea sau al treilea cadru din Panoul de timp. Apoi, trebuie să selectați toate cadrele rămase și să le măriți durata pentru a compensa pierderea cadrelor. Dacă nu faceți această compensare, animația dvs. va fi redată mai repede decât originalul. Odată ce sunteți gata puteți salva noua versiune, care ar trebui să fie mult mai mică decât cea originală.



5. Numărul de culori

Opțiunea cea mai relevantă pentru a optimiza dimensiunea unui fișier GIF este numărul de culori utilizate în tabelul de culori. Valoarea maximă a culorilor este de 256, care provine din limita de adâncime de 8 biți. În general, este bine să rămânem cu 64 de culori sau mai puțin, însă, în funcție de videoclipul original, este posibil să aveți nevoie să măriți numărul de culori pentru a obține un rezultat mai bun.



6. Ce algoritm de reducere a culorii trebuie să alegeți?

  • perceptual pentru a crea o tabelă de culori personalizată, acordând prioritate culorilor pentru care ochiul uman are o sensibilitate mai mare.
  • Selectiv pentru a crea o tabelă de culori similară tabelului de culori Perceptual, dar favorizează zone largi de culoare și conservarea culorilor web. Această masă de culoare produce de obicei imagini cu cea mai mare integritate a culorilor. (Selectiv este alegerea implicită.)
  • Adaptive pentru a crea o masă de culori personalizată prin prelevarea de culori din spectrul care apare cel mai frecvent în imagine. De exemplu, o imagine cu doar nuanțe de verde și albastru produce o masă de culoare realizată în principal din verde și albastru. Cele mai multe imagini concentrează culorile în anumite zone ale spectrului.
  • Restrictiv utilizează tabelul de culori standard, de 216 de culori, sigur pentru web, comun pentru panourile de 8 biți (256 de culori) de Windows și Mac OS. Această opțiune asigură faptul că nu este aplicată nicio interogare a browserului pentru culori atunci când imaginea este afișată utilizând culoarea pe 8 biți. Dacă imaginea dvs. are mai puțin de 216 de culori, culorile neutilizate sunt eliminate din tabel.


7. Dithering

Deoarece fișierele GIF conțin un număr limitat de culori, este posibil să dorim să imităm culorile lipsă cu cele disponibile, utilizând ditheringul. Din meniul "Dither", alegem unul dintre algoritmi pentru o astfel de imitație. Metoda "Diffusion" ne permite să ajustăm cantitatea de dither. Cu algoritmi "Pattern" și "Noise" nu există nimic de ajustat. Cu cât este mai multă dithering într-o imagine, cu atât dimensiunea fișierului este mai mare. Ditheringul adaugă pixeli de culoare diferită în imediata apropiere unul pentru celălalt pentru a simula culorile secundare sau gradările netede în culoare. Unele imagini trebuie să conțină dithering pentru a arăta bine, dar cel mai bine este să folosiți cea mai mică cantitate de dithering posibil pentru a păstra cea mai mică dimensiune a fișierului.



8. Web Snap, Pierdere, Transparență și Interlaced

  • Web Snap este folosit pentru a ajuta la prevenirea dithering într-un browser. Se face prin ruperea unor culori în culori securizate în Web. Cu cât sunt mai multe culori protejate în Web prezente într-un GIF, cu atât va rezulta o mai mică diminuare a browserului. O valoare de 0% nu va schimba culorile în timp ce o valoare de 100% va schimba toate culorile din imagine în Web-safe.
  • lossy compresia aruncă o privire asupra informațiilor vizuale, ceea ce poate reduce dimensiunea fișierului.
  • Dacă imaginea conține Transparenţă, selectați Transparență pentru a păstra pixeli transparenți; deselectați opțiunea Transparență pentru a umple pixelii complet și parțial transparenți cu culoarea mată.
  • întrețesut Fișierele GIF sunt încărcate într-un browser în câteva pași (cum ar fi JPEG progresiv).

9. Comparați versiunile originale și optimizate

Odată ce ați adăugat o mulțime de modificări personalizate, puteți verifica diferența dintre dimensiunea și calitatea fișierului utilizând vizualizarea 2-Up.



10. Previzualizare, Salvare presetare și Optimizare la dimensiunea fișierului

Dacă sunteți mulțumit de setările dvs., aruncați o privire asupra GIF-ului final cu opțiunea de previzualizare într-un browser și nu uitați să salvați setările ca presetate. De asemenea, puteți specifica o limită a dimensiunii fișierului cu această opțiune suplimentară din meniul Optimizare și odată ce aceasta este aplicată, Photoshop va încerca să se potrivească dimensiunii cu cea mai bună calitate a imaginii posibile.