Kako sačuvati slike za Web u Photoshopu

Jedna od kritičnijih funkcija koje nudi Photoshop je funkcija Save for Web / Devices .

Zašto ga koristite? Dok ste mogli da sačuvate datoteku u standardnom načinu, takav File / Save As , funkcija Save for Web / Devices čini ključne tri stvari.

Ovaj alat radi odlično za izlazne ikone Twittera, slike profila Facebook-a, datoteke proizvoda, blogove i izvorne datoteke za favikone.

  • 01 - Otvorite izvornu datoteku

    File / Open Photoshop. Screenshot od Bryan Haines

    Da biste započeli, trebate otići na File / Open da biste otvorili datoteku. Može biti u bilo kom formatu - jpg, gif, psd, png ili drugi. Sve dok ga Photoshop može otvoriti, možete ga izvesti za web.

  • 02 - Sačuvajte datoteku za Veb

    Datoteka sačuvaj Photoshop CS5. Screenshot od Bryan Haines

    Preći ćemo na štednju za Veb, pod pretpostavkom da ste napravili sve potrebne prilagodbe. Očigledno, ako želite da izmenite sliku, uradite to prvo i nastavite sa ovim korakom kasnije.

    Idite na File / Save for Web / Devices i kliknite na. Otprilike je pola puta niz padajući meni.

    Ovaj proces uopće ne menja vašu originalnu datoteku. Kreirate novu datoteku. Kada završite ovaj tutorijal i vratite se na prvobitnu sliku u Photoshop-u, moraćete da sačuvate tu datoteku ako ste napravili bilo kakve promjene u njemu. Važno je nazvati novu sliku drugačije od prvobitne. Često jednostavno dodavanje _web u ime datoteke će dobro funkcionirati. (primjer: filename_web.jpg)

  • 03 - Podesite prikaz upoređivanja na 2-up

    Side by Side Comparison Photoshop CS5. Screenshot od Bryan Haines

    U zavisnosti od vaših podešavanja, možda ćete morati da prilagodite prikaz ovde. Ono što želite je levo i desno poređenje vaše slike. Leva strana će prikazati original, a desno će se prikazati kvalitet slike u trenutnim postavkama.

    Ako pogledate duž vrha prozora, videćete sledeće opcije: Originalno, Optimirano, 2-Up, 4-Up. U većini slučajeva, 2-Up je ono što ćete želeti.

  • 04 - Postavite veličinu gledanja na 100%

    Podešavanje prikaza na 100% u Photoshopu CS5. Screenshot od Bryan Haines

    Da biste bili sigurni da gledate sa 100% proverite opciju u donjem levom uglu ekrana.

    Važno je zapamtiti da ako pogledate vašu sliku veću od 100%, izgleda će biti zrnasto ili čak čak i neodgovorno. Uvijek radite sa slikom na 100%.

  • 05 - Izaberi dimenzije datoteke

    Izbor File Dimensions u Photoshopu CS5. Screenshot od Bryan Haines

    Dimenzije za web su skoro uvek u pikselima (px). Važno je držati korekcije proporcija. Pored kutije za slike je mala slika lančane veze. Ono što to čini je širina kada podešavate visinu. Na primjer, slika koja je 600px po 400px. Ako smanjite širinu na 300px, datoteka će automatski skenirati do visine od 200px. Ako nije potvrđeno, slika će biti izobličena.

    Takođe imate mogućnost da razmjerite sliku po procentima.

  • 06 - Izaberite tip datoteke za izvoz

    Izbor tipa datoteke za izvoz u Photoshopu CS5. Screenshot od Bryan Haines

    U ovoj opciji, tip originalne datoteke nije bitan. Možete izabrati bilo koju datoteku koja vam je potrebna.

    Napomena: za početak procesa morate kliknuti na sliku sa desne strane. Slika mora biti izabrana za obradu.

    Najčešći je jpg za web - to je najmanji format datoteke, što znači da je brže preuzimanje za posetioce vašeg sajta. Ako imate transparentnost izabrali png-24. Ako ne znate koja transparentnost znači da bi trebalo da izaberete jpg.

  • 07 - Izaberite kvalitet slike

    Izaberite kvalitet slike u Photoshopu CS5. Screenshot od Bryan Haines

    Svaka od tri jpg opcije (High, Medium, Low) ima unapred postavljena podešavanja kvaliteta - koja se mogu ručno podesiti. Ako gledate na 100%, možete odlučiti koji kvalitet vam je potreban. Da biste podesili nivo zuma, pogledajte Korak 5. Slika će izgledati iste online kao u prozoru za pregled.

    Ako ste izabrali nešto drugo osim jpg, možete preskočiti ovaj korak.

  • 08 - Spremite vašu datoteku

    Snimite datoteku u Photoshopu CS5. Screenshot od Bryan Haines

    Kada napravite neophodna podešavanja, spremni ste da sačuvate datoteku. Kliknite na dugme "Sačuvaj" i izaberite ime i fasciklu koju želite za ovu novu sliku.

    Čestitam! Vaša nova datoteka je spremna za korištenje na mreži.