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

Zanechat komentář

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 průhlednost 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.