Formáty obrázků pro reklamní bannery

Viz článek Jaký formát obrázku použít na webu.

JPEG

Hodí se na fotky. Nepodporuje průhlednost.

Používá ztrátovou kompresi, která nemá ráda šrafování a jednolitou červenou a má naopak ráda zarovnání bloků do mřížky 8x8 pixelů.

Datová velikost je úměrná rozměrům, nikoliv obrazové složitosti.

Nástroje na kompresi:

JPEGmini

PNG

Hodí se na veškerou ostatní grafiku (loga, nápisy…), může mít průsvitné části.

Komprese je běžně bezztrátová, ale je možné omezit paletu na 256 (a méně) barev, což může velikost srazit.

Datová velikost je úměrná obrazové složitosti, nikoliv rozměrům.

Nástroje na kompresi:

SVG

Hodí se na veškerou vektorovou grafiku. Je bezztrátově zvětšovatelný, ale může být datově náročný. Viz důkladný popis.

Nástroje na kompresi:

GIF

Hodí se pouze na pohyblivou grafiku. Pro statický obrázek je většinou vždy horší než PNG.

BMP, TIFF

Nehodí se na nic. Nikdy.

Pokud máte v jednom obrázku zároveň fotku a zároveň vektorovou grafiku, často se vyplatí obrázek rozdělit na JPEG-pozadí a průsvitné PNG, které se dá přes něj.

Převod na data:adresu

Pokud je obrázek menší než 4 kB, obvykle se vyplatí převést ho do formy data:adresy – ušetří se tím dotaz na server, který může zejména při mobilním připojení zdržovat. Stažení každého souboru obnáší určitou režii, která může být datově větší než samotný obrázek.

Při převodu do data:adresy je tedy obrázek o třetinu větší, ale v důsledku se může stáhnout rychleji.

Nástroj na převod do base64 od Cifrika C.

Pozor – velké obrázky se naopak převádět do base64 nevyplácí!

Nápisy tvořené nestandardními písmy

Máte čtyři možnosti:

PNG obrázek: Těžko se dodatečně mění. Na tabletech s větší hustotou pixelů nebude vypadat ostře. Pro většinu situací asi nejlepší možnost.
SVG obrázek: Složitější na výrobu, datově větší.
Webfont (WOFF): Právně složitější (k některým fontům se špatně shání licence) a datově větší. Pomocí generátoru FontSquirrel lze vygenerovat webfont omezený na určitou škálu znaků – pak je WOFF soubor malý.
Nepoužívat nestandardní písmo: Nejsnazší varianta na výrobu, datově úplně nejvíc nejmenší :-)