01 z 08
Webová grafika
Jako grafický designér můžete často požádat o zobrazování obrázků připravených na webu, například fotografií pro webové stránky nebo bannerových reklam. Nástroj Photoshop "Uložit pro web" je jednoduchý a snadný způsob přípravy souborů JPEG pro web a pomáhá s kompromisem mezi velikostí souboru a kvalitou obrazu.
POZNÁMKA: Pro tento tutoriál se zabýváme ukládáním obrázků JPEG . Nástroj Uložit pro web je také vytvořen pro ukládání souborů GIF, PNG a BMP.
Co dělá grafiku "Web-ready?"
- Rozlišení je 72 dpi
- Barevný režim je RGB
- Obecně zkrácená velikost souboru pro rychlejší načítání webových stránek
02 z 08
Otevřete obrázek
Chcete-li cvičit pomocí nástroje "Uložit pro web", otevřete obrázek ve Photoshopu; klikněte na položku File (Soubor)> Open (Otevřít), procházejte obrázek v počítači a klikněte na tlačítko Open (Otevřít). Pro účely tohoto tutoriálu bude fotografie dobře fungovat, přestože udělá jakýkoli typ obrazu. Změňte velikost fotografie na malou velikost, kterou můžete použít na webových stránkách. Chcete-li to provést, klepněte na tlačítko "Obrázek> Velikost obrázku", zadejte novou šířku do pole "Rozměry pixelů" (zkuste 400) a klikněte na tlačítko "OK".
03 ze dne 08
Otevřete nástroj Uložit pro web
Nyní předpokládejme, že vás někdo požádal, abyste doručili tuto fotografii, širokou 400 pixelů, připravenou k odeslání na webovou stránku. Klepnutím na tlačítko Soubor> Uložit pro web otevřete dialogové okno Uložit pro web. Chvilku si prohlédněte různá nastavení a nástroje v okně.
04 ze dne 08
Nastavte porovnání
V levém horním rohu okna Uložit pro web je řada karet označených jako Original, Optimized, 2-Up a 4-Up. Klepnutím na tyto karty můžete přepínat mezi zobrazením původní fotografie, optimalizovanou fotkou (s aplikací, která se na ni aplikuje jako uložit pro web) nebo porovnáním 2 nebo 4 verzí vaší fotografie. Zvolte "2-Up" pro porovnání původní fotografie s optimalizovanou. Nyní uvidíte kopie vaší fotografie vedle sebe.
05 z 08
Nastavte náhled originálu
Klikněte na fotografii na levé straně a vyberte ji. V nabídce Přednastavení na pravé straně okna Uložit pro web zvolte "Původní" (pokud již není vybráno). Tím se na levé straně zobrazí náhled původní, neupravené fotografie.
06 z 08
Nastavte optimalizovaný náhled
Klikněte na fotografii na pravé straně a vyberte ji. Z nabídky Přednastavení vyberte možnost "JPEG High". Nyní můžete porovnat optimalizovanou fotografii vpravo (což nakonec bude váš konečný soubor) s levým originálem.
07 z 08
Upravte kvalitu JPEG
Nejdůležitějším nastavením v pravém sloupci je hodnota "Kvalita". Jak snížíte kvalitu, váš obrázek bude vypadat "muddier", ale velikost souboru se sníží a menší soubory znamenají rychlejší načítání webových stránek. Zkuste změnit kvalitu na hodnotu "0" a všimněte si rozdílu fotografií vlevo a vpravo, stejně jako menší velikost souboru, která se nachází pod vaší fotografií. Photoshop také vám odhaduje dobu načítání pod velikost souboru. Rychlost připojení pro tuto dobu načítání můžete změnit kliknutím na šipku nad optimalizovaným náhledem fotografie. Cílem je najít šťastné médium mezi velikostí souboru a kvalitou. Kvalita mezi 40 a 60 je většinou dobrá, v závislosti na vašich potřebách. Zkuste použít přednastavené úrovně kvality (tj. JPEG médium), abyste šetřili čas.
08 z 08
Uložte svůj obrázek
Jakmile jste spokojeni s vaší fotografií vpravo, klikněte na tlačítko Uložit. Otevře se okno "Uložit optimalizované jako". Zadejte název souboru , vyhledejte požadovanou složku v počítači a klepněte na tlačítko "Uložit". Nyní máte optimalizovanou fotku připravenou k webu.