Kako smanjiti veličinu datoteke GIF za bolje performanse web sajta

Niži GIF se vraća jednostavno zato što su uz sve veću upotrebu pametnih telefona i ograničenog propusnog opsega korisnici očekivali skoro trenutačno vrijeme učitavanja. Što su manje web slike, to će se brže učitati vaše slike, a posjetitelji će biti srećniji. Pored toga, mnoge web stranice imaju ograničenja u veličini reklamnih banera.

GIF slike i Veb

GIF slike se ne smatraju jednim dimenzijama za sve rešenje. GIF slike imaju maksimalno 256 boja, što znači da možete očekivati ​​ozbiljnu sliku i degradaciju boje ako niste pažljivi. GIF format datoteke, u mnogim pogledima, je zastareli format koji se vraća na najranije dane weba. Pre uvođenja GIF formata, web slike su bile crno-bele i komprimirane pomoću RLE formata. Oni su se prvi put pojavili na sceni 1987. godine kada je Compuserve objavio format kao web rješenje za snimanje. Tada se boja pojavila na radnoj površini, a webu su pristupali modemi povezani na telefonsku liniju. Ovo je stvorilo potrebu za formatom slike koji je zadržavao slike dovoljno male da se putem telefonske linije dostave na web pretraživač u kratkom redosledu.

GIF slike su idealne za oštre grafike sa ograničenom paletom boja, kao što je logotip ili linijski crtež. Iako se mogu koristiti za fotografije, smanjena paleta boja će uvesti artefakte na sliku. Ipak, pokret Glitch Arta i podizanje cinema su izazvali ponovno interesovanje za GIF format.

Kako smanjiti veličinu datoteke GIF za bolje performanse web sajta

Ovi saveti će vam pomoći da napravite svoje GIFove što je moguće manji.

  1. Obrišite svaki dodatni prostor oko slike. Smanjenje dimenzija piksela vaše slike je jedini najefektivniji način smanjenja veličine datoteke. Ako koristite Photoshop, komanda Trim radi dobro za ovo.
  2. Kada pripremite gif sliku, možda ćete želeti smanjiti dimenzije izlaza.
  3. Smanjite broj boja na slici.
  4. Za animirane GIF, smanjite broj kadrova na slici.
  5. Ako koristite Photoshop CC 2017, možete kreirati GIF datoteku pomoću stavke menija Export As. Izaberite File> Export As ... i kada se meni otvori, izaberite GIF kao format datoteke i smanjite fizičke dimenzije (širina i visina) slike.
  6. Ako koristite Adobe Photoshop Elements 14, izaberite File> Save for web. Otvoriće se okvir za dijalog Save For Web koji se takođe nalazi u programu Adobe Photoshop CC 2017, File> Export> Save for Web (Legacy) . Kada se otvori, možete primeniti razmazivanje, smanjiti boju i fizičke dimenzije slike.
  7. Izbjegavajte diranje. Ubrzavanje može učiniti da neke slike izgledaju bolje, ali će povećati veličinu datoteke. Ako vam softver to dozvoljava, koristite niži nivo razmazivanja da biste sačuvali dodatne bajte.
  1. Neki softver ima opciju "gubitak" za uštedu GIF-ova. Ova opcija može značajno smanjiti veličinu datoteke, ali takođe smanjuje kvalitet slike.
  2. Ne koristite preplitanje. Interlacing obično povećava veličinu datoteke.
  3. Oba Photoshopa i Photoshop Elements će vam pokazati vreme preuzimanja. Ne obraćajte pažnju na to. Zasnovan je na upotrebi 56k modema. Pojedniji broj će se pojaviti ako iz padajućeg menija izaberete kablovski modem.

Savjeti:

  1. Izbegnite beskorisnu animaciju. Prekomerna animacija ne samo da dodaje vreme preuzimanja vaše web stranice, ali mnogi korisnici misle da ga odvraćaju.
  2. GIF slike sa velikim blokovima solidne boje i horizontalnim obrascima kompresuju bolje od slika sa gradacijama boja, mekim senkama i vertikalnim obrascima.
  3. Kada smanjite boje u GIF-ima, dobićete najbolju kompresiju kada su boje broj postavljene na najmanju moguću moguću opciju: 2, 4, 8, 16, 32, 64, 128 ili 256.

Ažurirano Tom Green