|
|
|
Grafika na www
|
|
Základní formáty grafiky pro web
JPEG
GIF
PNG
Základní formáty grafiky pro web
» Pro webové stránky se používají především tři grafické formáty: JPG - GIF - PNG
» Využití jednotlivých formátů a ukázky jsou níže.
» Pro správné zobrazení ukázek, musíte mít nastavený monitor na True Color!
JPEG (JPG)
» výhody : vysoká komprese, zachování barev
» nevýhody : ztrátová komprese = originál a komprimovaný obrázek se liší (podle nastavení*)
» použití : fotografie (kde nejsou ostré hrany a jemné detaily)
» V příkladu je obrázek 150×100px, který měl v originále(BMP) 44,1kB.
» Obr. 1 = komprese z BMP na JPG (95) = 9.0 kB
» Obr. 2 = komprese z BMP na JPG (70) = 4.7 kB
» Obr. 3 = komprese z BMP na JPG (40) = 3.4 kB
GIF
» výhody : vysoká komprese (do 256 barev - neztrátová) možnost průhlednosti a animací
» nevýhody : omezení na 256 barev
» použití : tlačítka, ovládací prvky, animované bannery apod.
» V příkladu je obrázek 150×100px, který měl v originále(BMP) 44,1kB.
» Obr. 1 = komprese z BMP na GIF (256 barev v režimu "detail") = 8.2 kB
» Obr. 2 = komprese z BMP na GIF (256 barev) = 5.7 kB
» Obr. 3 = komprese z BMP na GIF (128 barev) = 4.3 kB
PNG
» výhody : neztrátová v režimu true color, a při dodržení počtu barev
» nevýhody : nízká komprese v true color
» použití : tlačítka, ovládací prvky
» V příkladu je obrázek 150×100px, který měl v originále(BMP) 44,1kB.
» Obr. 1 = komprese z BMP na PNG (true color) = 15.9 kB
» Obr. 2 = komprese z BMP na PNG (256 barev) = 8.0 kB
» Obr. 3 = komprese z BMP na PNG (128 barev) = 6.9 kB
|
|
