Graafisen suunnittelijan tai web-suunnittelija voi pyytää sinua toimittamaan web-valmiita kuvia, kuten valokuvia verkkosivustoille tai bannerimainoksille. Photoshop Save for Web -työkalu on helppo tapa valmistaa JPEG-tiedostoja verkkoon, mikä helpottaa tiedostokokoa ja kuvanlaatua.
Tässä opetusohjelmassa tallennat JPEG-kuvia. Myös Save for Web -työkalu on suunniteltu tallentamaan GIF-, PNG- ja BMP-tiedostoja.
Mikä tekee graafisesta web-valmiudesta?
Useimmat web-valmis grafiikka jakavat yhteisiä ominaisuuksia:
- Resoluutio on 72 dpi.
- Väritila on RGB.
- Tiedostot ovat pienempiä verkkosivujen nopeamman lataamisen vuoksi.
Avaa kuva
Voit harjoitella Save with Web -työkalulla avaamalla kuvan Photoshopissa.
Klikkaus tiedosto> Avata, selaa kuvaa tietokoneellasi ja napsauta Avata. Käytännössä kuva toimii hyvin, vaikka kaikenlainen kuva tekeekin.
Muuta kokoa pieneen kokoon, jota voit käyttää verkkosivustolla. Voit tehdä tämän napsauttamalla Kuva> Kuvan koko, kirjoita uusi leveys Leveys-kenttään ja valitsepikseliä. Kirjoita tässä tapauksessa 400 kuvapistettä ja napsauta kunnossa.
Avaa Tallenna Web-työkalu
Oletetaan, että joku pyysi sinua toimittamaan 400 pikselin leveä valokuvan, joka on valmis lähetettäväksi verkkosivustolle.
Klikkaus tiedosto > Tallenna Webille avaa Tallenna Webille valintaikkuna. (Photoshopin myöhemmissä versioissa polku on tiedosto > Viedä > Tallenna Webille.)
Selaa eri asetuksia ja työkaluja ikkunassa.
03/07Aseta vertailu
Yläosassa Tallenna Webille ikkunassa on sarja välilehtiä, jotka on merkitty Alkuperäinen, optimoitu, 2-Up, ja 4-Up. Näiden välilehtien napsautuksella voit vaihtaa alkuperäisen valokuvan, optimoidun valokuvan ja siihen tallennetun Save for Web -asetuksen tai kahden tai neljän valokuvan vertailun välillä.
Valita 2-Up vertailla alkuperäistä kuvaa optimoidulla tavalla näyttämällä kuvan rinnakkaisia kopioita.
04/07Aseta alkuperäinen esikatselu
Napsauta kuvaa vasemmalla puolella valitaksesi sen. Valita Alkuperäinen alkaen esiasetus valikko oikealla puolella Tallenna Webille (jos sitä ei ole vielä valittu). Tämä asettaa esikatselun alkuperäisestä, epädetusta kuvasta vasemmalla puolella.
05/07Aseta Optimoitu esikatselu
Napsauta kuvaa oikealla puolella ja valitse se. Valita JPEG High alkaen esiasetus valikko. Nyt voit verrata optimoidun valokuvan oikealla puolella, joka on lopullinen tiedosto ja vasemmalla oleva alkuperäinen.
06/07Muokkaa JPEG-laatua
Tärkein asetus oikeassa sarakkeessa on Laatu arvo. Kun alennat laatua, kuvasi näyttää muulta, mutta tiedostokoko laskee ja pienemmät tiedostot merkitsevät verkkosivujen lataamista nopeammin.
Yritä muuttaa laatua 0 ja huomaa eron kuvissa vasemmalla ja oikealla sekä pienemmän tiedostokoon, joka sijaitsee kuvan alapuolella.
Tavoitteena on löytää tyydyttävä keskitaso tiedoston koon ja laadun välillä. Laatu 40-60 on yleensä hyvä valikoima riippuen tarpeista. Käytä esiasetettuja laatutasoja (JPEG Medium, esimerkiksi) säästää aikaa.
07/07Tallenna kuva
Kun olet tyytyväinen kuvan oikealla, napsauta Tallentaa painiketta. Tallenna optimoitu nimellä ikkuna avautuu. Kirjoita tiedostonimi, selaa tietokoneesi haluamaasi kansioon ja napsauta Tallentaa. Nyt sinulla on optimoitu, web-valmis kuva.