Sodobni spletni brskalniki in sistemi za upravljanje vsebin optimizirajo slike za prikaz v kateri koli nastavitvi. Vendar je najbolje, da pripravite slike, ki so optimizirane za vsak možni faktor oblike in lokacijo, kjer se slika lahko pojavi. Osredotočite se na tri stvari: ločljivost slike, velikost in barvni prostor.
Barvni prostor v slikah
Grafični oblikovalci se zanašajo na dva osnovna barvna prostora. Barvni prostor je metoda, s katero se primarne barve kombinirajo v kompleksne barvne mavrice.
Uporabi način RGB pri pripravi slik za mobilne naprave. Zasloni na računalniških monitorjih in pametnih telefonih temeljijo na kombinaciji rdečih, modrih in zelenih slikovnih pik. Ta slika RGB je optimizirana za natančno reprodukcijo predvidenih barv na zaslonu.
Za tisk oblikovalci uporabljajo štiribarvni postopek, kjer se vsaka barva destilira v kombinacijo cian, magenta, rumene in črne. Včasih se zaradi tega štiribarvne slike imenujejo slike CMYK.
Ločljivost slike
Slike, zlasti na mobilnih platformah, morajo biti čim manjše, da uravnotežijo kakovost in hitrost prenosa v mobilnih omrežjih ter velikost datoteke in omejitve mobilnih podatkov.
Večina programov, vključno z aplikacijami Adobe Creative Cloud, podpira orodje Export for Web, ki prikaže sliko v različnih kombinacijah ločljivosti in stiskanja. Izberite sliko najboljše kakovosti pri najmanjši skupni velikosti.
Velikost slike v slikovnih pikah
Vsaka slika mora biti velikosti za predvideni namen. Tukaj je nekaj primerov velikosti slik za priljubljene spletne uporabe:
- Internetne oglasne pasice so pogosto velike 468 pikslov krat 60 slikovnih pik.
- Facebook naslovnice morajo imeti 851 x 315 slikovnih pik.
- Profilne fotografije na Twitterju naj bodo velike 400 x 400 slikovnih pik.
- Slike za povezave v skupni rabi morajo imeti 1200 x 630 slikovnih pik.
Ko delate s fotografijami za posebne namene, preverite mesto, kjer se bo fotografija pojavila (na primer spletno mesto družbenih medijev ali blog), da preverite optimalne dimenzije slike in nato ustrezno velikost, da preprečite raztezanje ali obrezovanje slike.
Da bi se izognili pikselizaciji, si prizadevajte za dejansko velikost zaslona. Tudi če je slika pravilno dimenzionirana, če ni pravilne velikosti, je lahko končni izdelek videti slikovit, če je treba sliko povečati, da ustreza razpoložljivemu prostoru.
O vektorskih slikah
Vektorske slike – slike, ki jih izračuna in nariše naprava – so običajno učinkovitejše in kakovostnejše od rastrskih slik (slike, narisane po en piksel naenkrat), ker jih je mogoče povečati in pomanjšati, ne da bi to vplivalo na kakovost slike. Za preproste logotipe, črtne slike in grafe je vektorska različica idealna. Vektorski formati se ne uporabljajo za fotografije.