Cum de a reduce dimensiunea fișierului GIF pentru o performanță mai bună a site-ului web

GIF-ul sclipitor face o revenire pur și simplu pentru că, odată cu utilizarea tot mai mare a telefoanelor inteligente și a utilizatorilor limitat de lățime de bandă, au ajuns să aștepte aproape instantanee de încărcare. Cu cat sunt mai mici imaginile dvs. web, cu atat mai repede vor fi incarcate imaginile si cu cat vor fi mai fericiti vizitatorii dumneavoastra. În plus, multe site-uri web au restricții privind dimensiunea bannerelor publicitare.

GIF Imagini și Web

Imaginile GIF nu trebuie privite ca o soluție de dimensiuni unice pentru toate soluțiile. Imaginile GIF au maximum 256 de culori, ceea ce înseamnă că vă puteți aștepta la degradări grave ale imaginii și culorii dacă nu sunteți atenți. Formatul de fișier GIF, din multe puncte de vedere, este un format vechi care se întoarce în primele zile ale web-ului. Înainte de introducerea formatului GIF, imaginile web erau negre și albe și comprimate utilizând formatul RLE. Au apărut pentru prima oară pe scena în 1987, când Compuserve a lansat formatul ca soluție web pentru imagistică. În acel moment, culoarea a apărut doar pe desktop și internetul a fost accesat de modemuri conectate la linia telefonică. Acest lucru a creat o necesitate pentru un format de imagine care păstra imagini destul de mici pentru a fi livrate, printr-o linie telefonică, într-un browser web în ordine scurtă.

Imaginile GIF sunt ideale pentru o grafică cu muchii ascuțite, cu o paletă de culori limitată, cum ar fi un logo sau un desen de linie. Deși pot fi folosite pentru fotografii, paleta de culori redusă va introduce artefacte în imagine. Totuși, mișcarea Glitch Art și creșterea filmului au provocat un interes nou în formatul GIF.

Cum de a reduce dimensiunea fișierului GIF pentru o performanță mai bună a site-ului web

Aceste sfaturi vă vor ajuta să vă faceți GIF-urile cât mai mici posibil.

  1. Decupați orice spațiu suplimentar din jurul imaginii. Reducerea dimensiunilor pixelilor imaginii dvs. este cea mai eficientă modalitate de a reduce dimensiunea fișierului. Dacă utilizați Photoshop, comanda Trim funcționează bine pentru aceasta.
  2. Când pregătiți o imagine GIF, poate doriți să reduceți dimensiunile de ieșire.
  3. Reduceți numărul de culori din imagine.
  4. Pentru animațiile GIF, reduceți numărul de cadre din imagine.
  5. Dacă utilizați Photoshop CC 2017, puteți crea un fișier GIF utilizând elementul de meniu Export As. Selectați Fișier> Export ca ... și când se deschide meniul, selectați GIF ca format de fișier și reduceți dimensiunile fizice (Lățime și Înălțime) ale imaginii.
  6. Dacă utilizați Adobe Photoshop Elements 14, selectați Fișier> Salvare pentru web. Aceasta va deschide caseta de dialog Salvare pentru Web, care se găsește și în Adobe Photoshop CC 2017, File> Export> Save for Web (Legacy) . Când se deschide, puteți aplica dithering, reduce culoarea și dimensiunile fizice ale imaginii.
  7. Evitați ditheringul. Ditheringul poate face unele imagini să arate mai bine, dar va mări dimensiunea fișierului. Dacă software-ul permite acest lucru, utilizați un nivel inferior de dithering pentru a salva extra octeți.
  1. Unele programe au o opțiune "lossy" pentru salvarea GIF-urilor. Această opțiune poate reduce semnificativ dimensiunea fișierului, dar de asemenea reduce calitatea imaginii.
  2. Nu utilizați intercalarea. Intercalarea crește de obicei dimensiunea fișierului.
  3. Atât Photoshop, cât și Photoshop Elements vă vor afișa timpul de descărcare. Nu acordați atenție. Se bazează pe utilizarea unui modem de 56k. Un număr mai valabil va apărea dacă selectați un modem de cablu din meniul derulant.

Sfaturi:

  1. Evitați animația inutilă. Animația excesivă adaugă nu numai timpul de descărcare al paginii dvs. web, dar mulți utilizatori consideră că aceasta distrage atenția.
  2. Imaginile GIF cu blocuri mari de culoare solidă și modele orizontale comprimă mai bine decât imaginile cu gradări de culoare, umbre moi și modele verticale.
  3. Când reduceți culorile în GIF-uri, veți obține cea mai bună comprimare atunci când culorile numărului sunt setate la cele mai mici dintre aceste opțiuni: 2, 4, 8, 16, 32, 64, 128 sau 256.

Actualizat de Tom Green