Výukový program pro Photoshop: Optimalizace obrázků pro použití na webu

optimalizace webového obrazu

V závislosti na účelu naše fotografie budou vyžadovat jedno nebo druhé ošetření. Není totéž nakonfigurovat fotografii, která se vytiskne, zobrazí na digitálním projektoru nebo se zobrazí na webové stránce. Každé médium má jiné nedostatky, vlastnosti nebo potřeby. Z tohoto důvodu je nutné, abychom těmto typům aspektů věnovali zvláštní pozornost, jinak bychom mohli snížit kvalitu našich skladeb nepřímo a bez toho, abychom o tom věděli.

V tomto případě uvidíme v následujícím výukovém programu nastavení, které nám Adobe Photoshop nabízí k ukládání našich obrázků takovým způsobem, aby měly optimální zpracování pro reprodukci na webových stránkách a na internetu. Takto pokusíme se najít nejlevnější variantu s přihlédnutím k aspektům, jako je kvalita (řezání a pixelace) a na druhé straně velikost souboru, již víte, že když chceme na náš web nahrát fotografie nebo soubory, měly by vážit co nejméně, aby náš web funguje mnohem hbitěji. Je zajímavé, že berete v úvahu tyto základní možnosti, už víte, že se musíme pokusit postarat se o všechny detaily, které máme na dosah ruky.

Optimalizace obrazu JPEG

Nejprve spustíme naši aplikaci a importujeme fotografii, se kterou budeme pracovat, v tomto případě střední obrázek a ve formátu JPEG.

optimalizace-1

Abychom tuto fotografii uložili s vhodnými vlastnostmi pro práci na webu, musíme jít do nabídky Soubor> Uložit pro web… (k této možnosti se můžeme dostat také pomocí Alt + Shift + Ctrl + S).

optimalizace-2

Klikneme na kartu s názvem „čtyři kopie“ v horní části dialogového okna Uložit pro web. Při pohledu na čtyři různá nastavení v souboru můžeme získat dobrou představu o tom, které nastavení bude nejlépe vyhovovat našim účelům. Pomocí zobrazení 4 kopií lze v jednom okně obrázku zobrazit více verzí obrázku. Uděláme to, použijeme různé formáty a uvidíme, který z nich nejlépe vyhovuje našim nárokům. Poté můžete upravit přiřazení optimalizace pro každou verzi obrázku a vybrat nejlepší kombinaci přiřazení.

optimalizace-3

Pomocí rozbalovací nabídky Úroveň přiblížení v levé dolní části dialogového okna změníme zvětšení na 200% nebo více, abychom mohli dobře analyzovat naši fotografii a ocenit její podrobnosti.

optimalizace-4

Umístíme kurzor myši na pravou horní verzi obrázku (což je aktivní verze, jak ukazuje nejtmavší okraj). Kurzor bude mít tvar ruky, což znamená, že jej můžeme pohybovat tažením a pohybem obrazu. Tažením změníme polohu obrazu tak, abychom našli nejvhodnější oblast obrazu, kde najdeme největší množství odstínů a kontrastů.

optimalizace-5

Z rozevírací nabídky Předvolba na panelu Optimalizované zvolíme GIF 128 s Dither. Všimněte si, jak okamžitě ve verzi obrázku, kterou jsme vybrali (v tomto případě vpravo nahoře), došlo ke změnám, díky nimž byly tmavší oblasti viditelnější. Dále budeme v následujících panelech nadále vidět nastavení JPEG a PNG.

optimalizace-6

Kliknutím na levou dolní verzi obrázku jej vybereme. V nabídce předvoleb zvolíme verzi Low JPEG. Obrázek bude vypadat docela pixelovaný a jeho kvalita je nepřijatelná, zejména v oblasti textu je velmi nápadná. Pokusíme se zvýšit kvalitu obrazu bez získání nepřijatelné velikosti souboru.

optimalizace-7

Z rozbalovací nabídky nastavení znovu zvolíme JPEG High. Tím se výrazně zlepšuje kvalita obrazu, ale také se významně zvětší velikost souboru.

optimalizace-8

A konečně nejúspěšnější možností bude střední cesta. Z rozevírací nabídky Předvolba znovu zvolíme JPEG Media. Kvalita obrazu je nyní přijatelná, zatímco velikost souboru je podstatně menší než u verze JPEG High nebo GIF.

optimalizace-9

Nakonec vybereme pravý dolní panel. Z rozevírací nabídky znovu vybereme PNG-8 128 s ditheringem. Ačkoli tato možnost poskytuje menší velikost souboru než původní obrázek, kvalita obrazu není tak dobrá jako u verze JPEG Medium, která bude mít také menší velikost souboru.

optimalizace-10

Nakonec klikneme na verzi JPEG, tedy na verzi vlevo dole. Na Optimalizovaném panelu (napravo od dialogového okna) se ujistěte, že je povoleno Progresivní (toto způsobí, že se obrázek stáhne v několika průchodech, z nichž každý zvyšuje kvalitu obrazu) a klikněte na Ok.

optimalizace-11

Nakonec v dialogovém okně Uložit optimalizované jako použijeme původní název a klikneme na Uložit. Tímto způsobem uložíme verzi JPEG původního souboru do požadované složky. Nakonec tento projekt zavřeme bez uložení změn.


Zanechte svůj komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

*

*

  1. Odpovědný za údaje: Miguel Ángel Gatón
  2. Účel údajů: Ovládací SPAM, správa komentářů.
  3. Legitimace: Váš souhlas
  4. Sdělování údajů: Údaje nebudou sděleny třetím osobám, s výjimkou zákonných povinností.
  5. Úložiště dat: Databáze hostovaná společností Occentus Networks (EU)
  6. Práva: Vaše údaje můžete kdykoli omezit, obnovit a odstranit.