Po vytvoření animace ve Photoshopu musí být uložen v jednom z dostupných formátů, z nichž jeden je GIF. Funkce tohoto formátu je, že je určena pro zobrazení (přehrávání) v prohlížeči.
Máte-li zájem o další možnosti pro úsporu animace, doporučujeme přečíst tento článek:
Lekce: Jak uložit video ve Photoshopu
Proces vytváření animace GIF byl popsán v jednom z předchozích lekcí a dnes budeme hovořit o tom, jak uložit soubor ve formátu GIF a na optimalizaci nastavení.
Lekce: Vytvořte jednoduchou animaci ve Photoshopu
Ukládání GIF.
Chcete-li začít, opakujeme materiál a přečtěte si okno Uložit nastavení. Otevře se kliknutím na položku "Uložit pro web" v nabídce Soubor.
Okno se skládá ze dvou částí: náhled bloku
a bloku nastavení.
Náhled bloku
V horní části bloku vyberte počet možností zobrazení. V závislosti na potřebách můžete vybrat požadované nastavení.
Obrázek v každém okně, kromě originálu, je konfigurován samostatně. To se provádí, takže si můžete vybrat optimální možnost.
Na levé straně bloku je malá sada nástrojů. Budeme používat pouze "ruku" a "měřítko".
Pomocí "Hand" můžete snímek přesunout ve vybraném okně. Volba je také provedena tímto nástrojem. "Měřítko" provádí stejnou akci. Cca a smazání snímku může být také tlačítka v dolní části bloku.
Nízké místo je tlačítko s nápisem "Zobrazit". Otevře se vybranou možnost ve výchozím prohlížeči.
V okně prohlížeče, s výjimkou parametrů nastavení, můžeme také získat kód HTML GIF.
Nastavení bloku
V tomto bloku jsou konfigurovány parametry obrazu, zvážit to více.
- Barevné schéma. Toto nastavení určuje, která tabulka indexovaných barev bude při optimalizaci aplikována na obraz.
- Vnímání a jednoduše "schéma vnímání." Když se používá, Photoshop vytvoří tabulku barev, řídí aktuálními odstíny obrazu. Podle vývojářů je tato tabulka co nejblíže, jak lidské oko vidí barvu. Plus - obrázek je nejblíže původnímu, barvy jsou maximálně uloženy.
- Selektivní schéma je podobný předchozímu, ale barvy týkající se pásu bezpečné pro web jsou převážně používány v něm. Zaměřilo se také na zobrazení odstínů přibližných pro počáteční.
- Adaptivní. V tomto případě je tabulka vytvořena z barev, které jsou v obraze častější.
- Omezený. Skládá se ze 77 barev, z nichž některé vzorky jsou nahrazeny bílou ve formě bodu (zrno).
- Zvyk. Při výběru tohoto schématu je možné vytvořit vlastní paletu.
- Černý a bílý. Tato tabulka používá pouze dvě barvy (černobílé), také pomocí obilí.
- Ve stupních šedé. Existují různé 84 úrovní odstínů šedé.
- MacOS a Windows. Data tabulek jsou zkompilovány na základě vlastností mapování obrazů v prohlížečích provozovaných v operačních systémech.
Zde jsou některé příklady použití schémat.
Jak vidíte, první tři vzorky mají docela přijatelnou kvalitu. Navzdory skutečnosti, že se vizuálně téměř neliší od sebe, na různých snímcích budou tyto schémata fungovat jinak.
- Maximální počet barev v tabulce barev.
Počet odstínů v obraze přímo ovlivňuje svou hmotnost, a proto na rychlosti stahování v prohlížeči. Hodnota 128 je nejčastěji používána, protože toto nastavení téměř neovlivňuje kvalitu, přičemž sníží hmotnost GIF.
- Webové barvy. Toto nastavení stanoví toleranci, se kterou jsou odstíny převedeny na ekvivalentní z bezpečné webové palety. Pole souboru je určeno hodnotou nastavenou posuvníkem: Hodnota je vyšší - soubor je menší. Při nastavení webových barev by neměly zapomenout také na kvalitu.
Příklad:
- Dysrying umožňuje vyhladit přechody mezi barvami smícháním odstínů, které jsou obsaženy ve vybrané indexovací tabulce.
Také nastavení pomůže zachovat přechody a integritu monochromatických lokalit. Při použití dávkování zvyšuje hmotnost souboru.
Příklad:
- Průhlednost. Formát GIF podporuje pouze absolutně transparentní nebo naprosto neprůhledné pixely.
Tento parametr bez dodatečného nastavení, špatně zobrazuje křivky čar, opouštějící pixelové dámy.
Úprava se nazývá "Matte" (v některých redaktorech "Kaima"). S ním je nakonfigurován pro míchání pixelů obrázky s pozadím stránky, na kterém bude umístěna. Pro nejlepší displej vyberte barvu odpovídající barvě pozadí webu.
- Prokládaný. Jeden z nejužitečnější pro webová nastavení. V případě, že soubor má značnou váhu, umožňuje okamžitě zobrazit obrázek na stránce, protože načte zlepšení jeho kvality.
- Konverze SRGB pomáhá při ukládání maximálně originální barvy obrazu.
Nastavení "dysrying průhlednosti" významně zhoršuje kvalitu obrazu a budeme hovořit o parametru "Loss" v praktické části lekce.
Pro nejlepší pochopení procesu zřízení uchovávání GIF v aplikaci Photoshop musíte praktikovat.
Praxe
Cílem optimalizace obrazů pro internet je maximální snížení hmotnosti souboru při zachování kvality.
- Po zpracování obrázku přejděte do nabídky "Soubor - Uložit pro web".
- Vykazovat režim "4 volbu".
- Dále potřebujete jednu z možností, abyste co nejpodobnější originálu. Nechte to být obrázek vpravo od zdroje. To se provádí za účelem odhadnout velikost souboru s maximální kvalitou.
Nastavení Nastavení jsou následující:
- Barevné schéma "selektivní".
- "Barvy" - 265.
- "Diazering" je "náhodné", 100%.
- Odstraňte Daws naproti parametru "prokládaného", protože konečný obraz obrazu bude poměrně malý.
- "Webové barvy" a "Ztráty" - nula.
Porovnejte výsledek s originálem. V dolní části ukázkového okna můžeme vidět aktuální velikost GIF a rychlost načítání na zadané rychlosti internetu.
- Jděte na obrázek níže nakonfigurován. Zkusme to optimalizovat.
- Nechte schéma beze změny.
- Počet barev sníží až 128.
- Dysmerdering hodnota snížena na 90%.
- Web-barvy se nedotýkají, protože v tomto případě nám nepomůže udržet kvalitu.
Velikost GIF se snížila z 36,59 Kb do 26,85 kb.
- Vzhledem k tomu, že některé zrnitost a malé vady jsou již na obrázku přítomny, zkusme se zvýšit "ztráty". Tento parametr definuje přípustnou úroveň ztráty dat při kompresi GIF. Změňte hodnotu na 8.
Stále jsme se podařilo snížit velikost souboru, zatímco ztrácíte trochu v kvalitě. Gify nyní váží 25,9 kilobajtů.
Celkem jsme byli schopni snížit velikost obrazu asi 10 kb, což je více než 30%. Velmi dobrý výsledek.
- Další akce jsou velmi jednoduché. Klikněte na tlačítko Uložit.
Vybereme si místo pro uložení, uveďte jméno GIF a stiskněte znovu "Uložit" znovu.
Upozorňujeme, že existuje příležitost spolu s GIF vytvořit dokument HTML, ke kterému bude náš obraz postaven. K tomu je lepší vybrat prázdnou složku.
V důsledku toho získáme stránku a složku s obrázkem.
Tip: Při přiřazení názvu souboru zkuste použít cyrilické znaky, protože ne všechny prohlížeče je moci přečíst.
Tato lekce pro uložení obrazu v formátu GIF je dokončena. Na tom jsme zjistili, jak můžete optimalizovat soubor pro umístění na internetu.