Design & Grafika

GIF

Animovaný nebo statický obrázkový formát – dnes nahrazován WebP nebo MP4

(Graphics Interchange Format)

Co je GIF

GIF je obrázkový formát z roku 1987, který umí jednoduchou animaci ve smyčce a průhlednost, zato jen s omezenou paletou barev. Právě ta paleta je jeho slabina: fotka se v GIFu rozpadne do skvrn a plynulé přechody se rozsypou do viditelných pruhů.

Proč animace v GIFu prohrála

Deset vteřin pohybu uložených v GIFu váží mnohonásobně víc než totéž nahrané jako MP4, protože formát neumí nic z toho, co videokomprese dělá mezi jednotlivými snímky. Na stránce se to projeví přesně tam, kde to bolí: pomalejším načtením a horšími čísly rychlosti. Kdo dnes chce animovanou ukázku produktu, dostane ode mě video ve smyčce, bez zvuku a s automatickým přehráním. Vypadá to lépe a stáhne se to rychleji.

Kde GIF ještě dává smysl

V e-mailu. Video většina poštovních klientů nepřehraje, animovaný GIF většinou zvládnou, takže rozbalující se sleva nebo pohyblivá šipka v newsletteru zůstávají jeho doménou. I tam platí, že soubor má být krátký a ostříhaný na pár snímků, a hlavně že první snímek musí obstát sám o sobě. Části příjemců se animace nespustí a uvidí jenom ten.

Zadání „chceme tam něco pohyblivého“ beru vážně, jen skoro nikdy neskončí u GIFu. Do newsletteru ho pustím, na web i do displejové reklamy jdu raději cestou videa nebo animovaného WebP. A když už GIF musí být, kontroluju velikost souboru dřív než vzhled. Jinak se snadno stane, že nejtěžším prvkem celé stránky je dvouvteřinová smyčka schovaná v patičce.

Časté otázky

Čím nahradit animovaný GIF na webu?

Krátkým videem ve smyčce, typicky MP4 nebo WebM, případně animovaným WebP. Obojí zvládne stejný pohyb v mnohem menším souboru a prohlížeče s tím dnes nemají problém.

Proč vypadá fotka v GIFu tak divně?

GIF pracuje s omezenou paletou barev. Fotografie jich obsahuje řádově víc, takže se odstíny při převodu nahradí nejbližšími dostupnými. Výsledkem jsou pruhy v obloze a skvrny na pleti.

Můžu poslat GIF do newsletteru?

Ano, tady je pořád na místě, protože video většina poštovních klientů nepřehraje. Hlídejte si velikost souboru a hlavně první snímek: komu se animace nespustí, ten uvidí právě jeho.