Formáty souborů Photoshop pro webovou grafiku

Obecně řečeno, použijete Photoshop's Save As ke generování kopií vašich obrázků pro použití na webových stránkách nebo k předvádění se smartphony, PDA a dalšími podobnými zařízeními. Pokud však dáváte přednost starému příkazu, můžete zvolit Soubor→Exportovat→ Uložit pro web (starší verze). Zde jsou tři formáty souborů, které potřebujete pro web:

  • JPG: Použijte JPEG pro fotografie. Nezapomeňte změnit velikost fotografie tak, aby se vešla na webovou stránku. Při výběru nastavení kvality musíte vyvážit vzhled obrázku s velikostí souboru. Menší soubor se stahuje (a zobrazuje ve webovém prohlížeči) rychleji, ale větší soubor obecně vypadá lépe. Snížíte-li nastavení kvality až těsně předtím, než se obraz nevypadá skvěle, že jste narazila na sweet spot - kompromis mezi velikostí souboru a kvalitou obrazu.
  • GIF: GIF je vhodnější pro položky, jako jsou webové bannery a tlačítka (jako jsou ty zobrazené na obrázku 2-15), než pro fotografie. Pokud uložíte fotografii, která je možná větší než 100 × 100 pixelů, můžete zaznamenat určité zhoršení kvality obrazu, protože podobné barvy se stanou jednou barvou. Když uložíte obrázek jako GIF, nemůže obsahovat více než 256 různých barev. JPEG a další běžné formáty souborů mohou mít tisíce různých barev.
  • PNG: PNG je k dispozici ve dvou typech: PNG-8 (což je náhrada za GIF) a PNG-24 (což je náhrada za JPEG). PNG má pro webové designéry několik výhod, jako je podpora transparentnosti.

Formáty souborů Photoshop pro webovou grafiku

Použijte GIF pro položky webového rozhraní.


Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.