- - - Menu - - -

 » Úvod
 » Základní prvky
 » Vlastnosti textu
 » Obrázky
 » Odkazy
 » Formuláře
 » Seznamy a čáry
 » Tabulky a rámy
 » Ostatní značky
 » Speciální efekty
 » Tipy a triky

 » Styly CSS
 » Java Script

 » Propagace a služby
 » Ed. 1st Page 2000
 » Grafika na www
 » Download

 » Kniha návštěv
 » Odkazy



- - - Info - - -

GimiWeb
Top Wallpapers
Cars Wallpapers
Základy HTML
Delphi kódy
Gimi FotoGalerie
Gimi Software
Kozel zahradník
FotoSpace

Gimi © 2016

  

Zpět
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)

obr. 1 obr. 2 obr. 3

» 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

obr. 1 obr. 2 obr. 3

» 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

obr. 1 obr. 2 obr. 3

» 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