Co je dobré vědět
- Otevřete obrázek ve Photoshopu. Vyberte Image > Velikost obrázku. Zadejte novou šířku a poté vyberte Pixels > OK.
- Vyberte Soubor > Uložit pro web a zařízení. Vyberte kartu 2-Up a uvidíte původní a optimalizované obrázky vedle sebe.
- Změňte hodnotu Quality a prohlédněte si výsledky. V případě potřeby upravte velikost nebo typ souboru. Vyberte Uložit a pojmenujte nový obrázek.
Tento článek vysvětluje, jak používat nástroj Photoshopu Uložit pro web k optimalizaci obrázků pro použití na webu. Tyto informace platí pro Photoshop 20.0.10 a novější. Příkazy a možnosti nabídky se mohou mezi verzemi lišit.
Jak uložit pro web ve Photoshopu
Grafičtí designéři, weboví designéři a další, kteří vytvářejí obsah pro web, také vytvářejí obrázky připravené pro web, jako jsou fotografie pro weby a bannerové reklamy. Před nahráním těchto obrázků je optimalizují pro rychlé stažení a zobrazení ve webovém prohlížeči.
Zde je návod, jak použít nástroj Uložit pro web ve Photoshopu, abyste dosáhli správné rovnováhy mezi kvalitou obrazu a velikostí souborů pro vaše obrázky.
- Otevřete obrázek, který chcete uložit ve Photoshopu.
-
Vybrat Image > Velikost obrázku. Nebo na PC stiskněte Alt+Ctrl+I, pro macOS stiskněte Command+Option+I na klávesnici.
-
Do pole Width zadejte novou šířku, vyberte Pixels a poté vyberte OK.
Změňte velikost fotografie na malou velikost, kterou lze použít na webových stránkách.
-
Vybrat Soubor > Export > Uložit pro web (starší). Nebo použijte klávesovou zkratku: Alt/Option+Command+Shift+S.
V jiných verzích Photoshopu je cesta File > Export > Uložit pro web. Položka se může jmenovat Uložit pro web nebo Uložit pro web a zařízení.
-
V okně Uložit pro web přejděte na Original, Optimalizováno,2-Up a 4-Up karty. Tyto karty přepínají mezi zobrazením původní fotografie, optimalizované fotografie s aplikovaným nastavením Uložit pro web nebo porovnáním dvou nebo čtyř verzí fotografie.
Vyberte 2-Up a porovnejte původní fotografii s optimalizovanou fotografií. Zobrazí se kopie obrázku vedle sebe.
-
Změňte hodnotu Quality. Jak snižujete kvalitu, obraz vypadá blátivěji a velikost souboru se snižuje. Menší soubory znamenají rychlejší načítání webových stránek.
Najděte šťastné médium mezi velikostí souboru a kvalitou. Kvalita mezi 40 a 60 je dobrý rozsah. Použijte přednastavené úrovně kvality (například JPEG Medium), abyste ušetřili čas.
-
V případě potřeby změňte typ souboru na JPEG, GIF, PNG-8, PNG-24 nebo WBMP.
-
V případě potřeby změňte velikost obrázku. Zadejte šířku nebo výšku nebo ji zmenšete v procentech.
Kliknutím na ikonu řetězec změníte poměr stran obrázku. V opačném případě zadejte jinou šířku nebo výšku, abyste změnili druhou hodnotu v poměru.
-
Hodnoty pod náhledem obrázku zobrazují typ souboru, velikost a jak dlouho bude trvat otevření obrázku na webu. Tato čísla se aktualizují při provádění změn.
-
Když jste s fotkou spokojeni, vyberte Uložit.
-
Zadejte název fotky a klikněte na Uložit.
Proč je grafika připravena na web?
Většina grafiky připravené pro web sdílí společné vlastnosti:
- Rozlišení je 72 dpi.
- Barevný režim je RGB.
-
Soubory jsou zmenšeny pro rychlejší načítání webových stránek.