Ako webdizajnéri sa často musíme rozhodovať, do ktorého formátu obrázok uložiť. Fotografia a jednoduchá ilustrácia či ikona totiž v jednom formáte rozkvetajú a v druhom nefungujú - buď sa dlho načítavajú alebo kolíše kvalita. Správne sa rozhodnúť o formáte obrázku patrí medzi základné vedomostné vybavenie každého webdizajnéra.

Formát obrázku je spôsob  záznamu grafického diela do súboru. Veľkosť súbora závisí od počtu pixelov a spôsobu ich uloženia. Pri ukladaní do rastrového formátu (PNG, JPEG, GIF) sa prejavuje kompresia. Ak by komprimačná metóda neexistovala, súbory by boli obrovské a pomaly by sa načítavali. Vezmime si napríklad BMP - bezstratový formát, ktorý neoplýva žiadnou kompresiou. Je to windowsácky formát a systém ho vie rýchlo načítať, avšak pri prenose po sieti by sme čakali na stiahnutie obrázku do dôchodcovského veku. Medzi ďalšie nekomprimované formáty patria napríklad JPEG na maximálnej kvalite alebo TIFF.

Pri každom ukladaní obrázku pre web sa naskytne otázka kompresie vs. kvality. Pri opätovnom zväčšovaní/zmenšovaní obrázku sa prejavuje pixelácia - strata kvality. Keď už viditeľne vidíme nesúvislé okraje štvorcov pixelov a rozmazania, treba začať s originálom znovu a uložiť ho do vhodnejšieho formátu. Ak od klienta dostaneme malý obrázok loga a opäť raz počujeme nenávidené čarovné slovko "zväčšite", asi najvhodnejšie bude pokúsiť sa prekresliť logo do vektoru, až tak ho zväčšiť bez straty kvality a uložiť do GIFka alebo PNG.

Formát GIF

[gif] Bol vyvinutý pre prenos obrázkov po sieti. Má účinnú kompresiu, ale ukladá iba v 256 farbách. Je patentovo chránený - autori, ktorí vytvárajú programu, ktorých výstupom sú obrázky GIF, sú licenčne spoplatnení. Podporuje transparenciu a tak môžeme obrázok GIF položiť na akékoľvek pozadie a bude cez transparentné pixely presvitať. Je vhodný na jednoduché grafiky, ikonky a ilustrácie.

Formát JPEG

[džejpeg] Podporuje 16 miliónov farieb a je vhodný na fotografie a komplexné grafiky. Nie je vhodný na obrázky s jednoduchými čiarami (teda kreslené ilustrácie) alebo písma, lebo jeho spôsob kompresie sa tu veľmi okato prejaví. Ukladaním (kompresiou) sa strácajú dáta pri pokuse zmenšiť výslednú veľkosť obrázku, no výsledok by mal byť ľudskému oku neviditeľný (pri fotografiách, kde obrázok obsahuje veľa rôznorodých farieb a kontrastov). Pri ukladaní máme možnosť nastaviť úroveň kompresie - môžeme si vybrať zo škály 1-12, pričom na najvyššej úrovni sa nevyhadzujú žiadne dáta, ale obrázok zostáva objemným. Na najnižšej úrovni je kompresia už príliš zjavná a objavia sa viditeľné štvorce zjednodušených častí obrázku.

Formát PNG

[ping] Bol vyvinutý ako vylepšenie GIFu bez patentov, má lepší algoritmus kompresie a poskytuje možnosť transparentnosti, tak ako GIF. Na rozdiel od GIFu však pixely môžu byť aj semi-transparentné, čím formát PNG umožňuje tieňovanie. Vhodný je na ikony a ilustrácie.