Hoe om die Photoshop-stoor vir webgereedskap te gebruik

01 van 08

Web-gereed grafika

PeopleImages / DigitalVision / Getty Images

As grafiese ontwerper word u dikwels gevra om webklaar prente te lewer, soos foto's vir 'n webwerf of banner advertensies. Die Photoshop "Save for Web" -gereedskap is 'n maklike en maklike manier om jou JPEG-lêers voor te berei vir die web, wat help met die afweging tussen lêergrootte en beeldkwaliteit.

LET WEL: Vir hierdie tutoriaal kyk ons ​​na JPEG-beelde . Die Gereedskap Stoor vir web is ook gebou om GIF-, PNG- en BMP-lêers te stoor.

Wat maak 'n grafiese "web-gereed?"

02 van 08

Maak 'n prent oop

Maak 'n foto oop.

Om te oefen met die "Save for Web" -gereedskap, maak 'n prent in Photoshop oop; kliek op 'Lêer'> 'Open', blaai na die prent op jou rekenaar en klik 'Open'. Vir die doeleindes van hierdie handleiding sal 'n foto goed werk, alhoewel enige tipe beeld sal doen. Verander u foto op 'n klein grootte wat u op 'n webwerf kan gebruik. Om dit te doen, klik op 'Beeld> Beeld Grootte', voer 'n nuwe wydte in die "Pixel Dimensions" boks (probeer 400) en klik "OK."

03 van 08

Open die Save for Web Tool

Lêer> Stoor vir web.

Kom ons neem aan dat iemand jou gevra het om hierdie foto te lewer, teen 400 pixels breed, gereed om op 'n webwerf gepos te word. Kliek op 'Lêer> Stoor vir web' om die dialoog Stoor vir web oop te maak. Neem 'n rukkie om die verskillende instellings en gereedskap in die venster te blaai.

04 van 08

Stel die vergelyking op

'N "2-up" vergelyking.

In die linkerbovenhoek van die venster Stoor vir web is 'n reeks tabs genaamd Oorspronklike, Geoptimaliseerde, 2-up en 4-Up. Deur op hierdie tabs te klik, kan jy tussen 'n vertoning van jou oorspronklike foto, jou geoptimaliseerde foto (met die instellings vir Stoor vir web) of 'n vergelyking van 2 of 4 weergawes van jou foto verander. Kies '2-Up' om die oorspronklike foto te vergelyk met die geoptimaliseerde een. U sal nou kopieë van u foto sien.

05 van 08

Stel die oorspronklike voorskou

Kies die oorspronklike voorstelling.

Klik op die foto aan die linkerkant om dit te kies. Kies 'Oorspronklike' in die Voorkeure-kieslys aan die regterkant van die Save for Web-venster (indien nie reeds gekies nie). Dit sal 'n voorskou van jou oorspronklike, ongedeerde foto aan die linkerkant plaas.

06 van 08

Stel die geoptimaliseerde voorskou

"JPEG High" Preset.

Klik op die foto aan die regterkant om dit te kies. Kies "JPEG High" in die Voorkeure-kieslys. U kan nou jou geoptimaliseerde foto regs vergelyk (wat uiteindelik u finale lêer sal wees) met u oorspronklike linkerkant.

07 van 08

Wysig die JPEG Kwaliteit

Lêergrootte en laaispoed.

Die belangrikste instelling in die regter kolom is die "Kwaliteit" waarde. Soos u die kwaliteit verlaag, sal u prentjie "muddier" lyk, maar u lêergrootte sal afneem, en kleiner lêers beteken vinniger laai van webblaaie. Probeer om die kwaliteit te verander na "0" en let op die verskil in die foto's links en regs, sowel as die kleiner lêer grootte, wat onder jou foto is. Photoshop gee jou ook die verwagte laai tyd onder die lêer grootte. U kan die verbindingssnelheid vir hierdie laai tyd verander deur op die pyltjie bokant die geoptimaliseerde fotovoorskou te klik. Die doel hier is om 'n gelukkige medium tussen lêergrootte en kwaliteit te vind. 'N Kwaliteit tussen 40 en 60 is gewoonlik 'n goeie reeks, afhangende van jou behoeftes. Probeer die vooraf ingestelde kwaliteit vlakke (dws JPEG Medium) te gebruik om tyd te bespaar.

08 van 08

Stoor jou prent

Noem jou foto en stoor.

Sodra jy tevrede is met jou foto regs, klik die "Stoor" -knoppie. Die venster Save Optimized As word oop. Tik 'n lêernaam , blaai na die verlangde vouer op jou rekenaar en klik "Stoor." U het nou 'n geoptimaliseerde webfoto.