Jako grafický designér nebo webdesignér můžete být požádáni, abyste dodali obrázky připravené k webu, například fotografie pro webové stránky nebo bannerovou reklamu. Nástroj Photoshop Save for Web je snadný způsob, jak připravit soubory JPEG pro web a pomoci s kompromisem mezi velikostí souboru a kvalitou obrazu.
Pro tento tutoriál ukládáte obrázky JPEG. Nástroj Uložit pro web je také vytvořen pro ukládání souborů GIF, PNG a BMP.
Co vytváří grafickou webovou prezentaci?
Většina grafiky připravené na webu má společné vlastnosti:
- Rozlišení je 72 dpi.
- Barevný režim je RGB.
- Soubory jsou sníženy o velikost pro rychlejší načítání webových stránek.
Otevřete obrázek
Chcete-li cvičit pomocí nástroje Uložit pro web, otevřete obrázek ve Photoshopu.
Klikněte na tlačítko Soubor> otevřeno, vyhledejte obrázek v počítači a klepněte na tlačítko otevřeno. Z praxe funguje fotka dobře, ačkoliv bude mít 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 obraz> Velikost obrázku, do pole Šířka zadejte novou šířku a vybertePixelů. V tomto případě zadejte 400 pixelů a klepněte na tlačítko OK.
Otevřete nástroj Uložit pro web
Předpokládejme, že někdo požádal, abyste doručili fotografii o šířce 400 pixelů, připravenou k odeslání na web.
Klikněte na tlačítko Soubor > Uložit pro web k otevření Uložit pro web dialogové okno. (V novějších verzích aplikace Photoshop je cesta Soubor > Vývozní > Uložit pro web.)
Procházejte různá nastavení a nástroje v okně.
03 ze dne 07Nastavte porovnání
V horní části stránky Uložit pro web okno jsou série značek označených Originál, Optimalizováno, 2-nahoru, a 4-nahoru. Klepnutím na tyto karty můžete přepínat mezi zobrazením původní fotografie, optimalizovanou fotografií pomocí nastavení aplikace Uložit pro web, která se na ni aplikovala, nebo porovnáním dvou nebo čtyř verzí fotky.
Vybrat 2-nahoru porovnat původní fotografii s optimalizovanou fotkou zobrazením kopií obrazu vedle sebe.
04 z 07Nastavte náhled originálu
Klikněte na fotografii na levé straně a vyberte ji. Vybrat Originál od Přednastavení menu na pravé straně Uložit pro web okno (pokud již není vybráno). Toto umístí náhled původní, neupravené fotografie na levé straně.
05 z 07Nastavte optimalizovaný náhled
Klikněte na fotografii na pravé straně a vyberte ji. Vybrat Vysoká JPEG od Přednastavení Jídelní lístek. Nyní můžete porovnat optimalizovanou fotografii vpravo, která bude vaším konečným souborem s originálem vlevo.
06 z 07Upravte kvalitu JPEG
Nejdůležitějším nastavením v pravém sloupci je Kvalitní hodnota. Jak snížíte kvalitu, váš obrázek vypadá jako muddier, ale velikost souboru klesá a menší soubory znamenají rychlejší načítání webových stránek.
Zkuste změnit kvalitu 0 a všimněte si rozdílu mezi fotografiemi vlevo a vpravo a menší velikost souboru, která se nachází pod fotkou.
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 (JPEG médium, například) ušetřit čas.
07 z 07Uložte svůj obrázek
Jakmile jste spokojeni s fotografií vpravo, klikněte na tlačítko Uložit tlačítko. The Uložit Optimalizované jako Otevře se okno. 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 na webu.
