Jak používat Photoshop Save for Web Tool

Obsah:

Jak používat Photoshop Save for Web Tool
Jak používat Photoshop Save for Web Tool
Anonim

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.

  1. Otevřete obrázek, který chcete uložit ve Photoshopu.
  2. Vybrat Image > Velikost obrázku. Nebo na PC stiskněte Alt+Ctrl+I, pro macOS stiskněte Command+Option+I na klávesnici.

    Image
    Image
  3. 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.

    Image
    Image
  4. 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í.

    Image
    Image
  5. 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.

    Image
    Image
  6. 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.

    Image
    Image
  7. V případě potřeby změňte typ souboru na JPEG, GIF, PNG-8, PNG-24 nebo WBMP.

    Image
    Image
  8. 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.

    Image
    Image
  9. 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.

    Image
    Image
  10. Když jste s fotkou spokojeni, vyberte Uložit.

    Image
    Image
  11. Zadejte název fotky a klikněte na Uložit.

    Image
    Image

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.

Doporučuje: