Uložte obrázky Photoshopu ako GIF pre web a mobilné zariadenia

Uložením súborov pre web alebo mobilné zariadenia v aplikácii Photoshop Creative Suite 5 sa vytvorí menšia verzia obrázka, takže sa rýchlo načíta. Ide o to, aby bol obrázok čo najmenší a zároveň aby ​​bol vizuálne príjemný.

Ak máte veľké plochy plné farieb, použite formát GIF.

Z obrázka s množstvom jednoliatych farieb je dobrý GIF.

Formát GIF nie je stratový ( nestratí údaje, keď je súbor komprimovaný v tomto formáte), ale znižuje veľkosť súboru použitím obmedzeného počtu farieb v tabuľke farieb. Čím nižší je počet farieb, tým menšia je veľkosť súboru. Ak ste niekedy pracovali vo farebnom režime Index, tento proces poznáte.

Priehľadnosť je podporovaná formátom súboru GIF. Súbory GIF vo všeobecnosti nerobia dobrú prácu na ničom, čo potrebuje plynulé prechody z jednej farby do druhej, pretože formát nepodporuje antialiasing , čo je metóda, ktorú Photoshop používa na vyhladenie zubatých okrajov. Keď obrázok prechádza z jednej farby do druhej, Photoshop vytvorí viacero farieb pixelov, aby sa vytvorila rovnomerná zmes medzi týmito dvoma farbami.

Pretože anti-aliasing potrebuje na tento efekt vytvoriť viacero farieb, súbory GIF sa vo všeobecnosti neodporúčajú. V skutočnosti, keď zmenšíte veľkosť GIF, budete lepšie vidieť pruhy (artefakt, ktorý sa na obrázku zobrazuje ako pruhy), pretože vyhladzovanie sa nemôže uskutočniť s obmedzeným počtom farieb dostupných v vo formáte GIF.

Môžete, samozrejme, výrazne zvýšiť počet farieb, aby ste vytvorili plynulejší prechod, ale potom riskujete, že vytvoríte monštrá, ktorých sťahovanie trvá večnosť.

Uložiť ako GIF

Keď vyberiete Súbor→Uložiť pre web a zariadenia, najskôr uvidíte dostupné možnosti formátu GIF. Môžu byť pre vás jasnejšie, ak máte otvorený obrázok (s množstvom plných farieb).

Ak chcete uložiť súbor pre web ako GIF, postupujte takto:

Vyberte Súbor → Uložiť pre web a zariadenia.

Zobrazí sa dialógové okno Uložiť pre web a zariadenia.

V hornej časti kliknite na kartu 2-up.

Pôvodný obrázok vidíte vľavo a optimalizovaný obrázok vpravo (alebo hore a dole, v závislosti od proporcií obrázka).

V spodnej časti displeja vidíte pôvodnú veľkosť súboru v porovnaní s optimalizovanou veľkosťou súboru, ako aj približný čas sťahovania. Dôležitý je čas sťahovania. Väčšina ľudí nečaká viac ako desať sekúnd, kým sa webová stránka zobrazí, takže čas sťahovania každého obrázka udržujte na päť alebo menej sekúnd.

Zmeňte rýchlosť sťahovania výberom z ponuky Náhľad (hľadajte šípku v pravej hornej časti dialógového okna Uložiť pre web a zariadenia).

V rozbaľovacom zozname Prednastavené vyberte možnosť GIF 32 No Dither.

Možno už uvidíte zmenu. Photoshop vám dodá predvoľby, z ktorých si môžete vybrať, alebo si môžete prispôsobiť a uložiť svoje vlastné.

Vyberte, či chcete na obrázok použiť rozklad, výberom možnosti z rozbaľovacieho zoznamu Zadať algoritmus rozkladu.

Táto voľba je čisto osobná. Pretože možno obmedzujete farby, Photoshop môže použiť rozklad na zmiešanie pixelov dostupných farieb na simuláciu chýbajúcich farieb. Mnoho dizajnérov si vyberá možnosť No Dither, pretože dithering môže na obrázku vytvoriť neprirodzené farebné škvrny.

Vyberte si z predvolieb alebo si vytvorte vlastné nastavenia.

Ak je váš obrázok na priehľadnej vrstve a chcete túto priehľadnosť na webovej stránke zachovať, začiarknite políčko Priehľadnosť.

Tabuľka farieb v dialógovom okne Uložiť pre web a zariadenia

Keď uložíte obrázok vo formáte GIF pomocou dialógového okna Uložiť pre web a zariadenia, na pravej strane dialógového okna sa zobrazí tabuľka farieb obrázka. Tabuľka farieb je dôležitá, pretože nielenže vám umožňuje vidieť farby použité na obrázku, ale tiež vám umožňuje prispôsobiť tabuľku farieb pomocou možností v spodnej časti.

Možno budete chcieť prispôsobiť svoju tabuľku farieb výberom niektorých farieb, aby boli bezpečné pre web, a uzamknutím farieb, aby sa pri znížení počtu použitých farieb neodrazili.

Ak chcete prispôsobiť tabuľku farieb, postupujte takto:

Ak má váš obrázok len niekoľko farieb, ktoré chcete previesť na farby bezpečné pre web, vyberte nástroj kvapkadlo vľavo od dialógového okna Uložiť pre web a zariadenia a kliknite na farbu v optimalizovanom zobrazení.

Vzorová farba je zvýraznená v tabuľke farieb.

Kliknite na tlačidlo Web Safe v spodnej časti tabuľky farieb.

Keď prejdete cez toto tlačidlo, zobrazí sa nápoveda Posunie/zruší posun vybratých farieb na webový panel.

Objaví sa kosoštvorec, ktorý označuje, že farba je teraz bezpečná pre web.

Zamknite farby, ktoré nechcete vymazať, keď znížite počet farieb v tabuľke farieb.

Vyberte farbu pomocou nástroja kvapkadlo alebo ju vyberte v tabuľke farieb a potom kliknite na tlačidlo Uzamknúť farbu. V pravom dolnom rohu sa zobrazí biely štvorec, čo znamená, že farba je uzamknutá.

Ak uzamknete 32 farieb a potom zmenšíte tabuľku farieb na 24, niektoré z uzamknutých farieb sa odstránia. Ak sa rozhodnete pridať farby, tieto uzamknuté farby sa vrátia ako prvé.

Prispôsobte farby pomocou tabuľky farieb v okne Uložiť pre web a zariadenia.

Ako sa vytvára tabuľka farieb? Na základe zvoleného algoritmu na redukciu farieb funkcia Uložiť pre web a zariadenia odoberie vzorku počtu farieb, ktoré uvediete. Ak je dôležité udržiavať farby na webe v bezpečí, vyberte pre metódu možnosť Restrictive (Web); ak chcete, aby váš obrázok vyzeral lepšie na väčšine monitorov, ale nie nevyhnutne bezpečný na webe, vyberte možnosť Adaptívne.

Ak chcete pridať alebo odstrániť farby z tabuľky farieb, použite rozbaľovaciu ponuku Farby alebo zadajte číslo.

Ak váš obrázok používa priehľadnosť, začiarknite políčko Priehľadnosť v hornej časti dialógového okna Uložiť pre web a zariadenia.

Pamätajte, že priehľadnosť sa počíta ako jedna z vašich farieb v tabuľke farieb.

Začiarknite políčko Prekladané iba vtedy, ak je váš obrázok GIF veľký (25 kB alebo väčší).

Výber tejto možnosti spôsobí, že obrázok sa na webovej stránke vytvorí v niekoľkých skenoch – obrázok s nízkym rozlíšením, ktorý sa rýchlo zobrazí a po dokončení sťahovania sa obnoví obrázkom s vyšším rozlíšením. Prekladanie vytvára ilúziu rýchlejšieho sťahovania, ale zväčšuje veľkosť súboru, takže ho používajte iba v prípade potreby.

Kliknite na tlačidlo Uložiť.

Teraz je obrázok pripravený na priloženie k e-mailovej správe alebo použitie na webovej stránke.