Hoe kinne jo de Photoshop bewarje foar webside

01 of 08

Web-Ready Graphics

PeopleImages / DigitalVision / Getty Images

As grafyske ûntwerper kinne jo faak frege wurde om webfearbere ôfbyldings te leverjen, lykas foto's foar in webside of banner-advertinsjes. De tool Photoshop "Save for Web" is in ienfâldige en ienfâldige manier om jo JPEG-bestannen foar it web te meitsjen, te helpen mei de ôfhannelings tusken triemgrutte en byldkaike.

NOTE: Foar dit tutorial sykje wy nei JPEG-ôfbyldings te bewarjen. It Save for Web-ark is ek boud om jo GIF, PNG, en BMP-bestannen te bewarjen.

Wat makket in grafyske "Web-Ready?"

02 of 08

Iepenje inôfbylding

Iepenje in foto.

Om te praten mei de tool "Bewarje foar web", iepenje in foto yn Photoshop; Klik op "Triem> Iepenje", sykje op 'e ôfbylding op jo kompjûter en klikje "Iepenje." Foar de doele fan dit ynstruksje sil in foto goed wurkje, hoewol in soarte fan ôfbylding sil dwaan. Fergrutsje jo foto op in lyts grutte om jo te brûken op in webside. Om dit te klikken, klik dan op "Ofbylding> Ofbyldgrutte," in nije breedte yn 'e "Pixel Dimensions" -aksje ynfiere (besykje 400) en klik "OK".

03 of 08

Iepenje it Web foar spesjaal bewarje

Triem> bewarje foar web.

No dan litte jo der fan freegje dat jo frege om dizze foto te leverjen, op 400 piksels breed, klear te meitsjen op in webside. Klik op "Triem> bewarje foar web" om it dialoochfinster "Save for Web" te iepenjen. Nim in momint om de ferskate ynstellings en ark te blêdzjen yn it finster.

04 of 08

Set de fergeliking

In "2-Up" fergeliking.

Yn 'e boppeste râne fan it finster "Save for Web" binne in rige fan ljeppers oanjûn mei Original, Optimized, 2-Up en 4-Up. Troch jo op dizze ljeppers te klikken, kinne jo tusken in werjefte fan jo orizjinele foto wizigje, jo optimisearre foto (mei de Ynstellings foar bewarje op Webside), of in fergeliking fan 2 of 4 ferzjes fan jo foto. Kies "2-Up" om it orizjinele foto te fergelykjen mei de optimisearre. Jo sille no side-by-side-kopyen fan jo foto sjen.

05 of 08

Set de Original Preview

Kies it "Original" Preset.

Klik op it foto op 'e lofter side om it te selektearjen. Kies "Original" fan it Preset-menu op 'e rjochterkant fan it finster "Save for Web" (as net al selektearre is). Dit sil in foarkar fan jo oarspronklike foto op 'e lofterkant sette.

06 van 08

Set de Optimisearre foarbyld

"JPEG heech" Preset.

Klikje op it foto oan de rjochterkant om it te selektearjen. Kies "JPEG Heech" fan it Presetmenu. Jo kinne no fergrutsje jo optimisearre foto op 'e rjochterkant (wat sil úteinlik jo lêste bestân wêze) mei jo orizjinele op' e lofterhân.

07 of 08

Bewurkje de JPEG-kwaliteit

Triemgrutte en laden snelheid.

De wichtichste ynstelling yn de rjochter kolom is de "kwaliteit" wearde. As jo ​​de kwaliteit fergrutsje, sjogge jo ôfbylding "muddier", mar jo triemgrutte sil delgeane, en lytsere bestannen betsjutte fergrutterjen fan websiden. Besykje de kwaliteit te feroarjen nei "0" en besparje it ferskil yn 'e foto's fan links en rjochts, as ek de lytsere triemgrutte, dy't ûnder jo foto sitte. Photoshop jouwt jo ek de skatte laden tiid ûnder de triemgrutte. Jo kinne de ferbining-snelheid feroarje foar dizze laden tiid troch te klikken op 'e pylk boppe de optimale fotofoarbyld. It doel hjir is om in flinke medium te finen tusken de triemgrutte en kwaliteit. In kwaliteit tusken 40 en 60 is normaal in goede berik, ôfhinklik fan jo ferlet. Besykje it gebrûklike kwaliteitsnivo te brûken (dus JPEG Medium) om tiid te sparen.

08 of 08

Bewarje jo ôfbylding

Namme jo foto en bewarje.

As jo ​​jo befredigje mei jo foto op 'e rjochts, klik dan op' knop 'opslaan. It finster "Besparje as besparje" sil iepenje. Typ in triemnamme , blêdje nei de winske map op jo kompjûter en klik op "Bewarje". Jo hawwe no in optimearre, webfearfere foto.