Spremite Photoshop slike kao GIF za web i mobilne uređaje

Spremanje datoteka za web ili mobilne uređaje u Photoshop Creative Suite 5 stvara manju verziju vaše slike tako da će se brzo učitavati. Ideja je učiniti sliku što manjom, a da pritom ostane vizualno ugodna.

Koristite GIF format ako imate velika područja jednobojne boje.

Slika s puno čvrstih boja čini dobar GIF.

GIF format nije s gubicima ( ne gubi podatke kada je datoteka komprimirana u ovom formatu), ali smanjuje veličinu datoteke korištenjem ograničenog broja boja u tablici boja. Što je manji broj boja, to je manja veličina datoteke. Ako ste ikada radili u indeksnom načinu rada u boji, upoznati ste s ovim postupkom.

Transparentnost je podržana formatom GIF datoteke. Općenito, GIF datoteke ne rade dobro na svemu što zahtijeva glatke prijelaze iz jedne boje u drugu, zbog slabe podrške formata za anti-aliasing , što je metoda koju Photoshop koristi za izglađivanje nazubljenih rubova. Kada slika prelazi iz jedne boje u drugu, Photoshop proizvodi više boja piksela kako bi stvorio ravnomjernu mješavinu između dvije boje.

Budući da anti-aliasing treba stvoriti više boja za ovaj efekt, GIF datoteke se općenito ne preporučuju. Zapravo, kada smanjite veličinu GIF-a, skloniji ste vidjeti trake (artefakt koji se pojavljuje kao pruge na slici) jer se anti-aliasing ne može dogoditi s ograničenim brojem boja dostupnih u GIF format.

Možete, naravno, dramatično povećati broj boja kako biste stvorili glatkiji prijelaz, ali tada riskirate stvaranje čudovišnih datoteka čije preuzimanje traje zauvijek.

Spremi kao GIF

Kada odaberete Datoteka→Spremi za web i uređaje, prvo ćete vidjeti dostupne opcije GIF formata. Možda će vam biti jasnije ako imate otvorenu sliku (s puno čvrstih boja).

Da biste spremili datoteku za web kao GIF, slijedite ove korake:

Odaberite Datoteka→Spremi za web i uređaje.

Pojavljuje se dijaloški okvir Spremi za web i uređaje.

Pri vrhu kliknite karticu 2-up.

Vidite originalnu sliku s lijeve strane i optimiziranu sliku s desne strane (ili gore i dolje, ovisno o proporcijama slike).

U donjem dijelu zaslona vidite izvornu veličinu datoteke u usporedbi s optimiziranom veličinom datoteke, kao i približno vrijeme preuzimanja. Vrijeme preuzimanja je važno. Većina ljudi ne čeka više od deset sekundi da se pojavi web-stranica, stoga zadržite vrijeme preuzimanja svake slike na pet sekundi ili manje.

Promijenite brzinu preuzimanja odabirom na izborniku Pregled (potražite strelicu na gornjoj desnoj strani dijaloškog okvira Spremi za web i uređaje).

Odaberite GIF 32 No Dither s padajućeg popisa Preset.

Možda već vidite promjenu. Photoshop vam nudi unaprijed postavljene postavke koje možete odabrati ili možete prilagoditi i spremiti svoje.

Odaberite želite li da se dithering primjenjuje na sliku odabirom opcije s padajućeg popisa Specify the Dither Algorithm.

Ovaj izbor je isključivo osoban. Budući da možda ograničavate boje, Photoshop može koristiti dithering za miješanje piksela dostupnih boja kako bi simulirao boje koje nedostaju. Mnogi dizajneri odabiru opciju No Dither jer dithering može stvoriti neprirodne mrlje u boji na slici.

Birajte između unaprijed postavljenih postavki ili stvorite vlastite prilagođene postavke.

Ako je vaša slika na prozirnom sloju i želite zadržati tu transparentnost na web-stranici, potvrdite okvir Transparentnost.

Tablica boja u dijaloškom okviru Spremi za web i uređaje

Kada spremate sliku u GIF formatu pomoću dijaloškog okvira Spremi za web i uređaje, na desnoj strani dijaloškog okvira vidite tablicu boja za sliku. Tablica boja je važna jer ne samo da vam omogućuje da vidite boje korištene na slici, već vam omogućuje i da prilagodite tablicu boja pomoću opcija na dnu.

Možda ćete htjeti prilagoditi svoju tablicu boja odabirom nekih boja koje će biti sigurne na webu i zaključavanjem boja kako se ne bi naletjele dok smanjujete broj koji se koristi.

Da biste prilagodili tablicu boja, slijedite ove korake:

Ako vaša slika ima samo nekoliko boja koje želite pretvoriti u boje sigurne za web, odaberite alat Eyedropper s lijeve strane dijaloškog okvira Spremi za web i uređaje i kliknite boju u optimiziranom prikazu.

Uzorkovana boja je istaknuta u tablici boja.

Kliknite gumb Web Safe na dnu tablice boja.

Kada prijeđete preko ovog gumba, pojavit će se opis alata Pomiče/poništava odabrane boje na web ploču.

Pojavljuje se dijamant koji pokazuje da je boja sada sigurna na webu.

Zaključajte boje koje ne želite izbrisati dok smanjujete broj boja u tablici boja.

Odaberite boju pomoću Eyedropper alata ili je odaberite u tablici boja, a zatim kliknite gumb Zaključaj boju. U donjem desnom kutu pojavljuje se bijeli kvadrat, što pokazuje da je boja zaključana.

Ako zaključate 32 boje, a zatim smanjite tablicu boja na 24, neke od vaših zaključanih boja se brišu. Ako odlučite dodati boje, te zaključane boje se prve vraćaju.

Prilagodite boje pomoću tablice boja u prozoru Spremi za web i uređaje.

Kako se stvara tablica boja? Na temelju metode algoritma za smanjenje boja koju odaberete, značajka Spremi za web i uređaje uzorkuje broj boja koje navedete. Ako je važno čuvanje boja na webu, odaberite opciju Ograničavanje (web) za metodu; ako želite da vaša slika izgleda bolje na većini monitora, ali ne mora nužno biti sigurna na webu, odaberite opciju Adaptive.

Koristite padajući izbornik Boje ili unesite broj za dodavanje ili brisanje boja iz tablice boja.

Ako vaša slika koristi prozirnost, potvrdite okvir Transparentnost pri vrhu dijaloškog okvira Spremi za web i uređaje.

Zapamtite da se prozirnost računa kao jedna od vaših boja u tablici boja.

Odaberite potvrdni okvir Interlaced samo ako je vaša GIF slika velika (25K ili veća).

Odabir ove opcije uzrokuje da se slika izgradi u nekoliko skeniranja na web-stranici — slika niske razlučivosti koja se brzo pojavljuje, a zatim se osvježava slikom u višoj razlučivosti kada se preuzimanje završi. Preplitanje daje iluziju bržeg preuzimanja, ali povećava veličinu datoteke, stoga je koristite samo ako je potrebno.

Kliknite Spremi.

Sada je slika spremna za prilaganje poruci e-pošte ili korištenje na web stranici.