Moderni web pretraživači i sistemi za upravljanje sadržajem optimizuju slike za prikaz u bilo kom okruženju. Međutim, najbolje je pripremiti slike koje su optimizirane za svaki mogući faktor forme i lokaciju na kojoj se slika može pojaviti. Fokusirajte se na tri stvari: rezoluciju slike, veličinu i prostor boja.
Prostor boja u slikama
Grafički dizajneri se oslanjaju na dva primarna prostora boja. Prostor boja je metoda kojom se primarne boje kombinuju u složene duge boja.
Koristite RGB mod kada pripremate slike za mobilne uređaje. Prikazi na kompjuterskim monitorima i pametnim telefonima oslanjaju se na kombinaciju crvenih, plavih i zelenih piksela. Ova RGB slika je optimizirana za preciznu reprodukciju željenih boja na ekranu.
Za štampu, dizajneri koriste proces u četiri boje, gdje se svaka boja destilira u kombinaciju cijan, magenta, žute i crne. Ponekad se slike u četiri boje iz ovog razloga nazivaju CMYK slikama.
Rezolucija slike
Slike, posebno na mobilnim platformama, treba da budu što je moguće manje veličine kako bi se uravnotežio kvalitet i brzina preuzimanja na mobilnim mrežama i veličina fajla u odnosu na ograničenja mobilnih podataka.
Većina programa, uključujući Adobe Creative Cloud aplikacije, podržava Export for Web alat koji prikazuje sliku u različitim kombinacijama rezolucije i kompresije. Odaberite sliku najboljeg kvaliteta uz najmanju ukupnu veličinu.
Veličina slike u pikselima
Svaka slika treba da bude veličine za svoju namjenu. Evo nekih primjera veličina slika za popularne web upotrebe:
- Internet baner oglasi su često 468 x 60 piksela.
- Facebook naslovne slike bi trebale imati 851 x 315 piksela.
- Twitter profilne fotografije trebaju biti 400 x 400 piksela.
- Slike za dijeljene linkove trebaju biti 1200 x 630 piksela.
Kada radite sa fotografijama za određene svrhe, provjerite mjesto na kojem će se ta fotografija pojaviti (kao što je web stranica društvenih medija ili blog) kako biste provjerili optimalne dimenzije slike, a zatim i veličinu u skladu s tim kako biste izbjegli rastezanje ili obrezivanje slike.
Da biste izbjegli pikselizaciju, ciljajte na stvarnu veličinu ekrana. Čak i ako je slika pravilno dimenzionirana, ako nije ispravne veličine, rezultirajući proizvod može izgledati pikselizirano ako se slika mora povećati kako bi zadovoljila raspoloživi prostor.
O vektorskim slikama
Vektorske slike-slike koje izračunava i crta uređaj-obično su efikasnije i kvalitetnije od rasterskih slika (slike crtane jedan po piksel) jer se mogu povećavati i smanjivati bez utjecaja na kvalitetu slike. Za jednostavne logotipe, crteže i grafikone, vektorska verzija je idealna. Vektorski formati se ne koriste za fotografije.
