Jak snížit velikost souboru GIF pro lepší výkon webových stránek

Nízký GIF je návrat jednoduše proto, že s rostoucím využíváním smartphonů a omezené šířky pásma uživatelé očekávají téměř okamžité doby načítání. Čím menší jsou vaše obrázky na webu, tím rychleji se vaše obrázky načítají a spokojenější budou vaši návštěvníci. Navíc mnoho webových stránek má omezení velikosti reklamních bannerů.

Obrázky GIF a web

Obrázky GIF nelze považovat za řešení, která se hodí pro všechny. Obrázky GIF mají maximálně 256 barev, což znamená, že pokud si nejste opatrní, můžete očekávat vážnou degradaci obrazu a barev. Formát souborů GIF je v mnoha ohledech starším formátem, který se datuje od nejstarších dnů na webu. Před zavedením formátu GIF byly webové obrazy černé a bílé a komprimovány pomocí formátu RLE. Nejprve se objevily na scéně v roce 1987, kdy společnost Compuserve uvolnila formát jako webové řešení pro zobrazování. V té době se na ploše právě objevovala barva a internet byl zpřístupněn modemy připojenými k telefonní lince. To vytvořilo potřebu formátu obrazu, který uchovával obrazy dost malý, aby byl doručen přes telefonní linku, do webového prohlížeče v krátkém pořadí.

Obrázky GIF jsou ideální pro grafiku s ostrými hranami s omezenou paletou barev, jako je logo nebo kresba čáry. Ačkoli mohou být použity pro fotografie, redukovaná paleta barev vloží artefakty do obrazu. Stále však hnutí Glitch Art a vzestup kinematografie vyvolaly opětovný zájem o formát GIF.

Jak snížit velikost souboru GIF pro lepší výkon webových stránek

Tyto tipy vám pomohou učinit vaše GIFy co nejmenší.

  1. Ořízněte další prostor kolem obrazu. Snižování rozměrů obrazů v obraze je jedním z nejúčinnějších způsobů, jak snížit velikost souboru. Používáte-li aplikaci Photoshop, příkaz Trim pracuje dobře.
  2. Při přípravě obrázku gif byste chtěli snížit výstupní rozměry.
  3. Zmenšete počet barev v obraze.
  4. U animovaných GIF snížíte počet snímků v obraze.
  5. Pokud používáte aplikaci Photoshop CC 2017, můžete vytvořit soubor GIF pomocí položky nabídky Exportovat jako. Vyberte možnost Soubor> Exportovat jako ... a při otevření nabídky vyberte jako formát souboru GIF a zmenšíte fyzické rozměry (šířka a výška) obrázku.
  6. Používáte-li aplikaci Adobe Photoshop Elements 14, vyberte Soubor> Uložit pro web. Otevře se dialogové okno Uložit pro web, které se také nachází v aplikaci Adobe Photoshop CC 2017 File> Export> Save for Web (Legacy) . Když se otevírá, můžete použít dithering, snížit barvu a fyzické rozměry obrazu.
  7. Nepoužívejte dithering. Dithering může některé snímky vypadat lépe, ale zvýší velikost souboru. Pokud to váš software dovolí, použijte nižší úroveň dithering pro uložení dalších bajtů.
  1. Některé programy mají "ztrátou" možnost ukládání GIF. Tato možnost může výrazně snížit velikost souboru, ale také sníží kvalitu obrazu.
  2. Nepoužívejte prokládání. Překládání obvykle zvyšuje velikost souboru.
  3. Obě aplikace Photoshop a Photoshop Elements vám ukážou čas stahování. Nevěnujte mu pozornost. Je založen na použití 56k modemu. Pokud vyberete kabelový modem z rozbalovací nabídky, zobrazí se platnější číslo.

Tipy:

  1. Vyhněte se zbytečné animaci. Nadměrná animace nejen přidává čas stahování webové stránky, ale mnoho uživatelů to považuje za rušivé.
  2. Obrázky GIF s velkými bloky plné barvy a horizontálními vzory komprimují lépe než obrazy s barevnými gradacemi, měkkými stíny a vertikálními vzory.
  3. Při redukci barev v GIF získáte nejlepší kompresi, pokud jsou barvy čísel nastaveny na nejmenší z těchto možností: 2, 4, 8, 16, 32, 64, 128 nebo 256.

Aktualizoval Tom Green