Ako znížiť veľkosť súboru GIF pre lepšiu výkonnosť webových stránok

Nízky GIF je návrat jednoducho preto, že s rastúcim používaním inteligentných telefónov a obmedzené šírky pásma užívatelia očakávali takmer okamžité načítanie. Čím menšie sú vaše webové obrázky, tým rýchlejšie sa načítajú obrázky a tým budú vaši návštevníci spokojnejší. Okrem toho mnohé webové stránky majú obmedzenia týkajúce sa veľkosti reklamných bannerov.

Obrázky GIF a web

Obrázky GIF sa nemusia považovať za riešenie, ktoré je jednoznačne vhodné pre všetky riešenia. Obrázky GIF majú maximálne 256 farieb, čo znamená, že môžete očakávať vážnu degradáciu obrazu a farieb, ak si nie ste opatrní. Formát súboru GIF je v mnohých ohľadoch starším formátom, ktorý sa datuje od najstarších dní na webe. Pred zavedením formátu GIF boli webové obrázky čierne a biele a komprimované pomocou formátu RLE. Najskôr sa objavili na scéne v roku 1987, keď spoločnosť Compuserve uvoľnila formát ako riešenie na zobrazovanie na webe. V tom čase sa na pracovnej ploche práve objavovala farba a na web bol prístupný modemami pripojenými k telefónnej linke. Vytvorilo to potrebu formátu obrázkov, ktorý udržiaval obrazy dostatočne malé na to, aby boli doručené prostredníctvom telefónnej linky, do webového prehliadača v krátkom poradí.

Obrázky GIF sú ideálne pre grafiku s ostrými hranami s obmedzenou paletou farieb, ako je napríklad logo alebo kresba čiary. Aj keď sa dajú použiť na fotografie, redukovaná paleta farieb prináša artefakty do obrázka. Avšak hnutie Glitch Art a vzostup cinematogramu vyvolali nový záujem o formát GIF.

Ako znížiť veľkosť súboru GIF pre lepšiu výkonnosť webových stránok

Tieto tipy vám pomôžu vytvoriť vaše GIFy čo najmenšie.

  1. Odstráňte akýkoľvek ďalší priestor okolo obrázka. Zníženie rozmerov pixelov vášho obrázka je jedným z najúčinnejších spôsobov, ako znížiť veľkosť súboru. Ak používate aplikáciu Photoshop, príkaz Trim túto funkciu dobre funguje.
  2. Pri príprave obrázka gif by ste mohli chcieť znížiť výstupné rozmery.
  3. Znížte počet farieb v obraze.
  4. Pre animované GIF znížte počet snímok v obraze.
  5. Ak používate aplikáciu Photoshop CC 2017, môžete vytvoriť súbor GIF pomocou položky Exportovať ako. Vyberte položku Súbor> Exportovať ako ... a keď sa ponuka otvorí, zvoľte GIF ako formát súboru a znížte fyzické rozmery (šírka a výška) obrázka.
  6. Ak používate program Adobe Photoshop Elements 14, vyberte položku Súbor> Uložiť pre web. Otvorí sa dialógové okno Uložiť pre web, ktoré sa tiež nachádza v programe Adobe Photoshop CC 2017, File> Export> Save for Web (Legacy) . Keď sa otvorí, môžete použiť dithering, znížiť farbu a fyzické rozmery obrazu.
  7. Vyhnite sa rozrušeniu. Dithering môže niektoré obrázky vyzerať lepšie, ale zväčší ich veľkosť. Ak to váš softvér dovoľuje, použite nižšiu úroveň ditheringu na uloženie ďalších bajtov.
  1. Niektorý softvér má možnosť "strateného" pre ukladanie GIF. Táto možnosť môže výrazne znížiť veľkosť súboru, ale tiež znižuje kvalitu obrazu.
  2. Nepoužívajte prekladanie. Prekladanie zvyčajne zvyšuje veľkosť súboru.
  3. Funkcia Photoshop a Photoshop Elements vám ukáže čas sťahovania. Nevšimnite si to. Je založený na použití 56k modemu. Ak vyberiete káblový modem z rozbaľovacej ponuky, zobrazí sa platnejšie číslo.

Tipy:

  1. Vyhnite sa zbytočnej animácii. Nadmerná animácia pridáva nielen čas na sťahovanie webovej stránky, ale mnohí používatelia ju považujú za rušivé.
  2. Obrazy GIF s veľkými blokmi s pevnou farbou a horizontálnymi vzormi sú lepšie komprimované ako obrazy s farebnými odstupňovaniami, jemnými tieňmi a vertikálnymi vzormi.
  3. Pri redukcii farieb vo formáte GIF dostanete najlepšiu kompresiu, keď sú počet farieb nastavené na čo najmenšiu z týchto možností: 2, 4, 8, 16, 32, 64, 128 alebo 256.

Aktualizoval Tom Green