Kako optimizovati sliku za sajt u Fotošopu ?

Na ovo pitanje naišli smo prvi put kao potpuni početnici u web design poslu, i to tek nakon što nam se jedan od naših prvih klijenata požalio da mu se sajt previše sporo učitava.

Kada smo malo dublje zagrebali i istražili šta bi to moglo i zbog čega da bude, otkrili smo da slike na sajtu učitava neuobičajeno dugo iako se radilo o slikama koje smo stavljali u JPEG formatu što je jedan od standardnih formata za WEB i dalje su te slike učitavane jako dugo iz razloga jer su bile po 5 i više Megabajta velike.

Jedno od rešenja do kojeg smo došli je da jednostavno slike provučemo kroz Photoshop i iste te fotografije smanjimo na stotinak Kb uz razumno smanjenje kvaliteta fotografije.

Kako da to uradite u fotoshopu:

1. Prvi korak udjite u fotoshop i učitajte fotografiju na file/open.

2. Kada vam je fotografija učitana ponovo kliknemo na File/Export/Save for Web (Legacy) opciju.

3. Nakon toga otvoriće vam prozor gde možete podesiti kvalitet slike, veličinu, rezoluciju i ostala podešavanja. Vidite na screenshotu dole da je originalna veličina 2.72 MB.

4. Podešavanja u gornjem desnom uglu bi trebalo podesiti tako da preset bude JPEG high, kao na donjem screenshotu (pogledajte deo obeležen crvenim markerom).

5. i poslednja opcija koju treba da podesite je rezolucija slike odnosno veličina slike u pkselima u donjem desnom uglu, ovu vrednost podesite kako vama odgovara za potrebe vašeg sajta.

Kada podesite sve ove opcije najverovatnije će vam veličinu slike i dalje prikazivati kao što je originalna slika, da bi ste dobili prikaz editovane, odnosno smanjene slike kliknite na dugme Preview… u donjem levom uglu i otvoriće vam prozor sa prikazom editovane slike i njenim karakteristikama.

Ako vam kvalitet i veličina slike odgovaraju možete zatvoriti ovaj prozor i sačuvati sliku upotrebom dugmeta Save.

Vodite računa o tome da slike za Web sajt nikad ne bi trebale da prelaze više od stotinak KB, osim u izuzetnim slučajevima kada zbog same prirode sajta i detalja koje želite da prikažete ta slika treba da bude više MB ili GB velika.

Nadam se da vam je ovaj tekst bio od pomoći ukoliko jeste zapratite nas na našem FB i Instagram profilu, i podelite ovaj tekst sa još nekim kome bi mogao da pomogne.

Puno sreće u radu želi vam vaš Yaku Solutions Team.