Yksi Photoshopin tärkeimmistä toiminnoista on Save for Web / Devices -ominaisuus.
Miksi käyttää sitä? Vaikka voit tallentaa tiedoston tavalliseen tapaan, niin File / Save As , Save for Web / Devices -toiminto on tärkeä kolme asiaa.
- Se optimoi tiedostomitat (esimerkiksi: 150 px X 150 px), joten se sopii verkkosivuille puhtaampaan ja näyttää paremmalta ja vähemmän vääristyneeltä.
- Se optimoi tiedostokoko (esimerkiksi 23 kb), jonka ansiosta se voi ladata nopeammin.
- Se tallentaa RGB (tai monitori) -muotoon verrattuna CMYK (print) -formaattiin.
Tämä työkalu toimii erinomaisesti Twitterin kuvakkeiden, Facebook-profiilikuvien, tuotetiedostojen, blogikuvien ja lähdetiedostojen tuottamiseen faviconeille.
01 - Avaa lähdetiedosto
Pääset alkuun valitsemalla Tiedosto / Avaa, jos haluat avata tiedoston. Se voi olla missä tahansa muodossa - jpg, gif, psd, png tai muut. Niin kauan kuin Photoshop voi avata sen, voit antaa sen webille.
02 - Tiedoston tallentaminen verkkoon
Aiomme siirtyä eteenpäin tallentamiseen verkkoon olettaen, että olet tehnyt tarvittavat muutokset. Ilmeisesti, jos haluat muokata kuvaa, tee se ensin ja jatka tätä vaihetta myöhemmin.
Siirry Tiedosto / Tallenna verkko / laitteet ja napsauta. Se on noin puoli alas pudotusvalikosta.
Tämä prosessi ei muuta alkuperäistä tiedostoasi lainkaan. Luo uuden tiedoston. Kun olet suorittanut tämän opetusohjelman ja palaat alkuperäiseen kuvaasi Photoshopissa, sinun on tallennettava tiedosto, jos olet tehnyt siihen muutoksia. On tärkeää nimetä uusi kuva, joka eroaa alkuperäisestä. Usein yksinkertaisesti _web- tiedoston nimen lisääminen toimii hyvin. (esimerkki: filename_web.jpg)
03 - Säädä vertailunäkymä 2-up-tilaan
Asetusten mukaan saatat joutua muuttamaan näkymää täältä. Mitä haluat on kuvasi vasen ja oikea vertailu. Vasemmalla puolella näkyy alkuperäinen, oikea näyttää kuvanlaadun nykyisissä asetuksissa.
Jos tarkastelet ikkunan yläosassa, näet seuraavat vaihtoehdot: Alkuperäinen, optimoidut, 2-Up, 4-Up. Useimmissa tarkoituksissa 2-Up on mitä haluat.
04 - Aseta katselukoko 100%
Varmistaaksesi, että katselet 100%: lla, tarkista valinta ruudun vasemmassa alakulmassa.
On tärkeää muistaa, että jos katsot kuvaa yli 100%, se näyttää rakeiselta tai mahdollisesti jopa epäsuoralta. Käytä aina kuvaa 100%: lla.
05 - Valitse tiedoston mitat
Verkkojen mitat ovat lähes aina kuvapisteinä (px). On tärkeää pitää suhteet oikein. Kuvakentän vieressä on pieni kuva ketjun linkistä. Mitä se tekee, on skaalausleveys, kun säädät korkeutta. Esimerkiksi kuva, joka on 600px 400px. Jos pienennät leveyttä 300px: iin, tiedosto skaalautuu automaattisesti 200px: n korkeuteen. Jos kuvaa ei ole valittu, kuva vääristyy.
Sinulla on myös mahdollisuus skaalata kuva prosentteina.
06 - Valitse Vie tiedostotyyppi
Tässä vaihtoehdossa alkuperäinen tiedoston tyyppi ei ole väliä. Voit valita haluamasi tiedoston.
Huomaa: aloittaaksesi prosessin klikkaamalla oikealla olevaa kuvaa. Kuva on valittava käsiteltäväksi.
Yleisimpiä on jpg web - se on pienin tiedostomuoto, mikä tarkoittaa, että se ladataan nopeammin sivustosi kävijöille. Jos sinulla on läpinäkyvyys, valitse png-24. Jos et tiedä mitä avoimuus tarkoittaa, sinun pitäisi valita jpg.
07 - Valitse kuvan laatu
Jokainen kolmesta jpg-vaihtoehdosta (korkea, keskitaso, matala) on ennalta määritetyt laatuasetukset - kaikki niitä voidaan säätää manuaalisesti. Jos katselet 100%, voit päättää, mitä tarvitset. Voit säätää zoomaustasoa valitsemalla vaihe 5. Kuva näyttää samanlaiselta kuin esikatseluikkunassa.
Jos valitsit jotain muuta kuin jpg, voit ohittaa tämän vaiheen.
08 - Tallenna tiedosto
Kun olet tehnyt tarvittavat muutokset, olet valmis tallentamaan tiedoston. Napsauta Tallenna ja valitse haluamasi kansio ja tiedostonimi.
Onnea! Uusi tiedosto on valmis käytettäväksi verkossa.