01/08
Web-valmis grafiikka
Graafisena suunnittelijana sinua saatetaan usein pyytää toimittamaan web-valmiita kuvia, kuten valokuvia verkkosivustoille tai bannerimainoksia varten. Photoshop "Save for Web" -työkalu on yksinkertainen ja helppokäyttöinen tapa valmistaa JPEG-tiedostoja verkkoon, mikä helpottaa tiedostokokoa ja kuvanlaatua.
HUOMAUTUS: Tässä opetusohjelmassa tarkastelemme JPEG-kuvien tallentamista. Myös Save for Web -työkalu on suunniteltu tallentamaan GIF-, PNG- ja BMP-tiedostoja.
Mikä tekee grafiikan "Web-Ready"?
- Resoluutio on 72 dpi
- Väritila on RGB
- Yleensä vähennetään tiedostokoko, jolloin verkkosivuja ladataan nopeammin
02/08
Avaa kuva
Käytä "Save for Web" -työkalua käytettäessä avaamalla kuvan Photoshopissa. klikkaa "Tiedosto> Avaa", selaa kuvaa tietokoneellasi ja napsauta "Avaa". Tämän opetusohjelman valokuvan toimivuus on hyvä, mutta kaikenlainen kuva tekee. Muuta kokoasi pieneen kokoon, jota voit käyttää verkkosivustolla. Napsauta tätä "Image> Image Size" ja kirjoita uusi leveys "Pixel Dimensions" -ruutuun (kokeile 400) ja napsauta "OK".
03/08
Avaa Tallenna Web-työkalu
Oletetaan nyt, että joku pyysi sinua toimittamaan tämän valokuvan, 400 pikseliä leveä, valmiina lähetettäväksi verkkosivustolle. Avaa Save for Web -valintaikkuna napsauttamalla "File> Save for Web". Ota hetki selailemaan ikkunoiden eri asetuksia ja työkaluja.
04/08
Aseta vertailu
Save for Web -ikkunan vasemmassa yläkulmassa on sarja välilehtiä, jotka on merkitty alkuperäisiksi, optimoiduiksi, 2-up-ja 4-up-välilehdiksi. Näiden välilehtien avulla voit vaihtaa alkuperäisen valokuvan, optimoidun valokuvan (käyttämällä siihen tallennettua Web-asetukset) tai vertaamalla valokuvan 2 tai 4 versioita. Valitse "2-Up", jos haluat vertailla alkuperäistä valokuvaa optimoidun kuvan kanssa. Nyt näet valokuvasi rinnakkaisia kopioita.
05/08
Aseta alkuperäinen esikatselu
Napsauta kuvaa vasemmalla puolella valitaksesi sen. Valitse "Alkuperäinen" Save for Web -ikkunan oikealla puolella olevasta Preset-valikosta (jos et ole jo valittuna). Tämä laittaa esikatselun alkuperäisestä, muokkaamattomasta kuvasta vasemmalla puolella.
06/08
Aseta Optimoitu esikatselu
Napsauta kuvaa oikealla puolella ja valitse se. Valitse "JPEG High" Preset-valikosta. Voit nyt verrata optimoidun valokuvan oikealla puolella (joka lopulta on lopullinen tiedosto) alkuperäisen vasemmalla puolella.
07/08
Muokkaa JPEG-laatua
Oikeassa sarakkeessa tärkein asetus on "Laatu" -arvo. Kun alennat laatua, kuvasi näyttää "muddier", mutta tiedoston koko menee alas ja pienemmät tiedostot merkitsevät verkkosivujen lataamista nopeammin. Yritä muuttaa laatua kohtaan "0" ja huomaa eron vasemmassa ja oikeassa kuvassa olevasta valokuvasta sekä pienemmän tiedostokoon, joka sijaitsee valokuvasi alla. Photoshop antaa myös arvioidun latausajan tiedoston koon alle. Voit muuttaa latausajan yhteyden nopeutta napsauttamalla optimoidun valokuvan esikatselun yläpuolella olevaa nuolta. Tavoitteena on löytää onnellinen keskitaso tiedoston koon ja laadun välillä. Laatu 40-60 on yleensä hyvä valikoima riippuen tarpeista. Kokeile käyttää ennalta määritettyjä laatutasoja (esim. JPEG Medium) säästää aikaa.
08/08
Tallenna kuva
Kun olet tyytyväinen kuvasi oikealla, napsauta Tallenna-painiketta. "Tallenna optimoitu nimellä" -ikkuna avautuu. Kirjoita tiedostonimi , selaa haluamaasi kansioon tietokoneellasi ja napsauta "Tallenna". Nyt sinulla on optimoitu, web-valmis kuva.