Niska GIF se vraća jednostavno zato što se sve većim korištenjem pametnih telefona i ograničenih korisnika širine pojasa očekuje skoro trenutak učitavanja. Manja su web-slika, brže će se vaše slike učitati i sretniji su vaši posjetitelji. Osim toga, mnoge su web stranice ograničene na veličinu oglasnih bannera.
GIF slike i web
GIF slike ne smiju se smatrati jednodimenzionalno uklapaju u svako rješenje. GIF slike imaju najviše 256 boja, što znači da možete očekivati ozbiljnu razgradnju slike i boje ako niste oprezni. Format GIF datoteke, u mnogočemu, je naslijeđeni format koji seže do najranijih dana weba. Prije uvođenja GIF formata, web slike su bile crno-bijele i komprimirane pomoću RLE formata. Prvo su se pojavile na sceni 1987. godine kada je Compuserve objavio format kao web imaging rješenje. U to je vrijeme boja tek dolazila na radnu površinu, a mreži je pristupila modema povezanima s telefonskom linijom. To je stvorilo potrebu za formatom slike koji je zadržao slike dovoljno malen da se, putem telefonske linije, isporučuje u web preglednik u kratkom poretku.
GIF slike su idealne za oštru grafiku s ograničenom paletom boja, kao što su logotip ili crtež crta. Iako se mogu koristiti za fotografije, smanjena paleta boja uvodi artefakte na sliku. Ipak, pokret Glitch Art i uspon kinemografa potaknuli su obnovljeni interes za GIF format.
Kako smanjiti veličinu GIF datoteke za bolje performanse web stranica
Ovi savjeti pomoći će vam da izradite GIF-ove što je moguće manje.
- Obrišite bilo koji dodatni prostor oko slike. Smanjenje dimenzija piksela vaše slike je najučinkovitiji način smanjenja veličine datoteke. Ako koristite Photoshop, naredba Trim dobro funkcionira za to.
- Kada pripremite GIF sliku, možda želite smanjiti dimenzije izlaza.
- Smanjite broj boja na slici.
- Za animirane GIF-ove smanjite broj okvira na slici.
- Ako koristite Photoshop CC 2017, možete izraditi GIF datoteku pomoću stavke izbornika Export As (Izvoz kao). Odaberite Datoteka> Izvoz kao ... i kada se otvori izbornik, odaberite GIF kao format datoteke i smanjite fizičke dimenzije (širina i visina) slike.
- Ako koristite Adobe Photoshop Elements 14, odaberite Datoteka> Spremi za web. Otvorit će se dijaloški okvir Spremi za web koji se također nalazi u programu Adobe Photoshop CC 2017, Datoteka> Izvoz> Spremi za web (Legacy) . Kada se otvori, možete primijeniti dithering, smanjiti boju i fizičke dimenzije slike.
- Izbjegavajte dithering. Dithering može neke slike izgledati bolje, ali će povećati veličinu datoteke. Ako je vaš softver dopušta, koristite nižu razinu dithering da biste spremili dodatne bajtove.
- Neki softver ima "gubitak" opciju za spremanje GIF-ova. Ova opcija može značajno smanjiti veličinu datoteke, ali također smanjuje kvalitetu slike.
- Nemojte koristiti preklapanje. Interlacing obično povećava veličinu datoteke.
- Oba Photoshop i Photoshop Elements pokazat će vam vrijeme preuzimanja. Ne obraćajte pažnju na to. Temelji se na korištenju 56k modema. Pojavit će se valjani broj ako na skočnom izborniku odaberete Modem kabel.
Savjet:
- Izbjegavajte beskorisnu animaciju. Pretjerana animacija ne samo da dodaje vrijeme učitavanja vaše web stranice, već mnogi korisnici smatraju da je zabavno.
- GIF slike s velikim blokovima čvrste boje i vodoravnih uzoraka vežu se bolje od slika s gradacijom boja, mekim sjenama i vertikalnim uzorcima.
- Kada smanjite boje u GIF-ovima, dobit ćete najbolju kompresiju kada je boja broja postavljena na najmanju moguću od tih opcija: 2, 4, 8, 16, 32, 64, 128 ili 256.
Ažurirano od strane Tom Green