Što treba znati
- Otvorite sliku u Photoshopu. Odaberite Slika > Veličina slike. Unesite novu širinu, a zatim odaberite Pikseli > OK.
- Odaberite Datoteka > Spremi za web i uređaje. Odaberite karticu 2-Up da vidite originalne i optimizirane slike jednu pored druge.
- Promijenite Quality vrijednost i pogledajte rezultate. Po potrebi prilagodite veličinu ili vrstu datoteke. Odaberite Spremi i imenujte novu sliku.
Ovaj članak objašnjava kako koristiti Photoshopov alat Save for Web za optimizaciju slika za korištenje na webu. Ove se informacije odnose na Photoshop 20.0.10 i novije verzije. Naredbe i opcije izbornika mogu se razlikovati od verzije do verzije.
Kako spremiti za Web u Photoshopu
Grafički dizajneri, web dizajneri i ostali koji stvaraju sadržaj za web, također stvaraju slike spremne za web kao što su fotografije za web stranice i banner oglase. Prije učitavanja ovih slika, oni optimiziraju slike za brzo preuzimanje i prikaz u web pregledniku.
Evo kako koristiti alat Save for Web u Photoshopu da biste dobili pravu ravnotežu kvalitete slike i veličine datoteke za svoje slike.
- Otvorite sliku koju želite spremiti u Photoshopu.
-
Odaberi Slika > Veličina slike. Ili, za PC, pritisnite Alt+Ctrl+I, za macOS, pritisnite Command+Option+I na tipkovnici.
Image -
U polje Width unesite novu širinu, odaberite Pixels, zatim odaberite OK.
Promijenite veličinu fotografije na malu veličinu koja se može koristiti na web stranici.
Image -
Odaberi Datoteka > Izvoz > Spremi za web (naslijeđeno). Ili upotrijebite tipkovni prečac: Alt/Option+Command+Shift+S.
U drugim verzijama Photoshopa put je File > Export > Spremi za web. Stavka se može zvati Spremi za web ili Spremi za web i uređaje.
Image -
U prozoru Spremi za web idite na Original, Optimizirano,2-gore, i 4-gore kartice. Ove kartice se izmjenjuju između prikaza izvorne fotografije, optimizirane fotografije s primijenjenim postavkama Save for Web ili usporedbe dvije ili četiri verzije fotografije.
Odaberite 2-Up za usporedbu izvorne fotografije s optimiziranom fotografijom. Ovo prikazuje kopije slike jednu do druge.
Image -
Promijenite vrijednost Quality. Kako smanjujete kvalitetu, slika izgleda mutnije, a veličina datoteke se smanjuje. Manje datoteke znače brže učitavanje web stranica.
Pronađite sretnu sredinu između veličine datoteke i kvalitete. Kvaliteta između 40 i 60 je dobar raspon. Koristite unaprijed postavljene razine kvalitete (JPEG Medium, na primjer) da uštedite vrijeme.
Image -
Promijenite vrstu datoteke, ako je potrebno, u JPEG, GIF, PNG-8, PNG-24 ili WBMP.
Image -
Promijenite veličinu slike, ako je potrebno. Unesite širinu ili visinu ili je promijenite u postotku.
Kliknite na ikonu lančana poveznica za promjenu proporcija slike. U suprotnom, unesite drugu širinu ili visinu da promijenite drugu vrijednost u proporciji.
Image -
Vrijednosti ispod pregleda slike prikazuju vrstu datoteke, veličinu i koliko će vremena trebati da se slika otvori na web stranici. Ovi se brojevi ažuriraju kako vi unosite promjene.
Image -
Kada ste zadovoljni fotografijom, odaberite Spremi.
Image -
Upišite naziv fotografije, zatim kliknite Spremi.
Image
Što čini grafički web spremnim?
Većina grafika spremnih za web ima zajedničke karakteristike:
- Rezolucija je 72 dpi.
- Način boja je RGB.
-
Datoteke su smanjene u veličini za brže učitavanje web stranica.
