Ako používať nástroj Photoshop Save for Web

01 z 08

Webová pripravená grafika

PeopleImages / DigitalVision / Getty Images

Ako grafický dizajnér môžete často požiadať o zobrazovanie obrázkov pripravených na web, ako sú fotografie pre webové stránky alebo bannerové reklamy. Nástroj Photoshop "Uložiť pre web" je jednoduchý a jednoduchý spôsob prípravy súborov JPEG pre web, ktorý pomáha s kompromisom medzi veľkosťou súboru a kvalitou obrazu.

POZNÁMKA: Pre tento tutoriál hľadáme ukladanie obrázkov JPEG . Nástroj Save for Web je tiež vytvorený na ukladanie súborov GIF, PNG a BMP.

Čo robí grafiku "Web-ready?"

02 z 08

Otvorte obrázok

Otvorte fotografiu.

Ak chcete pracovať s nástrojom "Uložiť pre web", otvorte obrázok vo Photoshope; kliknite na "Súbor> Otvoriť", prehliadnite obrázok v počítači a kliknite na tlačidlo "Otvoriť". Na účely tohto tutoriálu bude fotografia fungovať dobre, aj keď akýkoľvek typ obrázka urobí. Zmena veľkosti fotografie na malú veľkosť, ktorú môžete použiť na webových stránkach. Ak to chcete urobiť, kliknite na položku "Obrázok> Veľkosť obrázku", zadajte novú šírku do poľa "Rozmery pixelov" (skúste 400) a kliknite na tlačidlo "OK".

03 z 08

Otvorte nástroj Uložiť pre web

Súbor> Uložiť pre web.

Teraz predpokladajme, že niekto vás požiadal, aby ste doručili túto fotografiu, širokú 400 pixelov, pripravenú na uverejnenie na webovej stránke. Kliknutím na položku Súbor> Uložiť pre web otvorte dialógové okno Uložiť pre web. Pozrite sa na rôzne nastavenia a nástroje v okne.

04 z 08

Nastavte porovnanie

Porovnanie "2-hore".

V ľavom hornom rohu okna Uložiť pre webové sú séria kariet s označením Originál, Optimalizácia, 2 a 4. Kliknutím na tieto karty môžete prepínať medzi zobrazením pôvodnej fotografie, optimalizovanej fotografie (s nastaveniami Uložiť pre web) alebo porovnaním dvoch alebo štyroch verzií vašej fotografie. Zvoľte "2-Up" na porovnanie pôvodnej fotografie s optimalizovanou fotkou. Teraz uvidíte kópie vašej fotografie vedľa seba.

05 z 08

Nastavte pôvodný náhľad

Vyberte predvoľbu "Original".

Kliknutím na fotografiu na ľavej strane ju vyberiete. Z ponuky Preset na pravej strane okna Uložiť pre Web vyberte položku "Original" (ak už nie je vybratá). Týmto sa na ľavej strane zobrazí náhľad vašej originálnej, neupravenej fotografie.

06 z 08

Nastavte optimalizovaný náhľad

Nastavenie "JPEG High".

Kliknutím na fotografiu na pravej strane ju vyberte. Zvoľte možnosť "JPEG High" z ponuky Preset. Teraz môžete porovnať optimalizovanú fotografiu vpravo (ktorá bude nakoniec vaším konečným súborom) s originálom vľavo.

07 z 08

Upravte kvalitu JPEG

Veľkosť súboru a rýchlosť načítania.

Najdôležitejšie nastavenie v pravom stĺpci je hodnota "Kvalita". Keď znižujete kvalitu, obrázok bude vyzerať ako "muddier", ale veľkosť súboru sa zníži a menšie súbory znamenajú rýchlejšie načítanie webových stránok. Skúste zmeniť kvalitu na hodnotu "0" a všimnite si rozdiel v fotografiách na ľavej a pravej strane, ako aj menšiu veľkosť súboru, ktorá sa nachádza pod vašou fotografiou. Aplikácia Photoshop tiež poskytuje odhadovaný čas načítania pod veľkosťou súboru. Rýchlosť pripojenia môžete na túto dobu načítania zmeniť kliknutím na šípku nad optimalizovaným náhľadom fotografie. Cieľom je nájsť šťastné médium medzi veľkosťou súboru a kvalitou. Kvalita medzi 40 a 60 je zvyčajne dobrý rozsah, v závislosti od vašich potrieb. Skúste použiť prednastavené úrovne kvality (tj JPEG médium), aby ste šetrili čas.

08 z 08

Uložte obrázok

Názov fotografie a uloženie.

Keď ste spokojní s fotografiou vpravo, kliknite na tlačidlo Uložiť. Otvorí sa okno "Save Optimized As". Zadajte názov súboru , vyhľadajte požadovaný priečinok v počítači a kliknite na tlačidlo "Uložiť". Teraz máte optimalizovanú fotografiu pripravenú na web.