Ena od bolj kritičnih funkcij, ki jih ponuja Photoshop, je funkcija Save for Web / Devices .
Zakaj ga uporabljati? Medtem ko lahko datoteko shranite s standardno metodo, to možnost File / Save As , funkcija Save for Web / Devices naredi tri ključne stvari.
- Optimizira dimenzije datoteke (na primer: 150 px X 150 px), ki omogoča, da se prilagajajo spletnim stranem čistejše in izgledajo bolje in manj izkrivljene.
- Optimizira velikost datoteke (na primer: 23 kb), ki omogoča hitrejše nalaganje.
- Shrani v formatu RGB (ali monitor) v nasprotju s formatom CMYK (tiskanje).
To orodje deluje odlično za prikazovanje ikon Twitterja, slike profila Facebook, datoteke izdelkov, slike v bloku in izvorne datoteke za favicone.
01 - Odprite svojo izvorno datoteko
Če želite začeti, boste morali odpriti datoteko / odpiranje, da odprete svojo datoteko. Lahko je v kateri koli obliki - jpg, gif, psd, png ali drugi. Dokler jih Photoshop lahko odpre, ga lahko izpiąete za splet.
02 - Shranjevanje datoteke za splet
Bomo preskočili na varčevanje za splet, ob predpostavki, da ste naredili kakršne koli prilagoditve, ki jih potrebujete. Očitno je, če morate urediti sliko, to naredite najprej in nadaljevati s tem korakom kasneje.
Pojdite na Datoteka / Shrani za spletne / naprave in kliknite. Na spustnem meniju je približno polovica.
Ta postopek sploh ne spremeni izvirne datoteke. Ustvarjate novo datoteko. Ko končate to vadnico in se vrnete na svojo prvotno sliko v Photoshopu, jo boste morali shraniti, če ste jo naredili. Pomembno je, da svojo novo sliko poimenujete drugačno od prvotne. Pogosto preprosto dodajanje _web v ime datoteke dobro deluje. (primer: filename_web.jpg)
03 - Prilagodite pogled primerjave na 2-up
Glede na vaše nastavitve boste morda morali prilagoditi pogled tukaj. Kar želite, je levo in desno primerjanje slike. Na levi strani bo prikazan izvirnik, pravica bo prikazala kakovost slike pri trenutnih nastavitvah.
Če pogledate na vrhu okna, boste videli naslednje možnosti: Original, Optimized, 2-Up, 4-Up. Za večino namenov je 2-Up, kar boste želeli.
04 - nastavite velikost gledanja na 100%
Če želite zagotoviti, da gledate pri 100%, preverite možnost v spodnjem levem kotu zaslona.
Pomembno je vedeti, da če pogledate vašo sliko višje od 100%, bo videti zrnato ali morda celo neodkrito. Vedno delajte s sliko na 100%.
05 - Izbira datotek
Dimenzije za spletu so skoraj vedno v slikovnih pikah (px). Pomembno je, da so razmerja pravilne. Poleg slike je majhna slika verige. Kaj to naredi je širina širine, ko prilagodite višino. Na primer, slika, ki je 600 slikovnih pik na 400 slikovnih pik. Če zmanjšate širino na 300 slikovnih pik, se bo datoteka samodejno pomaknila na višino 200 pik. Če ni označeno, bo slika izkrivljena.
Imate tudi možnost, da sliko povečate za odstotke.
06 - Izberite vrsto datoteke za izvoz
V tej možnosti vrsta originalne datoteke ni pomembna. Izberete lahko katero koli datoteko, ki jo potrebujete.
Opomba: za začetek postopka boste morali klikniti sliko na desni. Sliko je treba izbrati za obdelavo.
Najpogostejši je jpg za splet - to je najmanjša oblika datoteke, ki pomeni hitrejše prenose za obiskovalce vašega spletnega mesta. Če imate preglednost, izberite png-24. Če ne veste, kakšna preglednost pomeni, da morate izbrati jpg.
07 - Izberite kakovost slike
Vsaka od treh možnosti jpg (High, Medium, Low) ima prednastavljene nastavitve kakovosti - ki jih je mogoče ročno nastaviti. Če gledate pri 100%, se lahko odločite, kakšno kakovost potrebujete. Če želite prilagoditi stopnjo povečave, glejte 5. korak. Slika bo videti enako na spletu kot v predoglednem oknu.
Če ste izbrali kaj drugega kot jpg, lahko preskočite ta korak.
08 - Shrani vašo datoteko
Ko ste naredili potrebne prilagoditve, ste pripravljeni shraniti datoteko. Kliknite »Shrani« in izberete želeno mapo in ime datoteke za novo sliko.
Čestitke! Vaša nova datoteka je pripravljena za uporabo na spletu.