T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
27th May

Primerjava JPG, GIF in PNG formatov slik za internet

Čeprav večina ljudi za internet nekako samoumevno uporablja  formate kot so JPG, GIF ter PNG se mi zdi vseeno pomembno na kratko pregledati glavne razlike med posameznimi formati slik za uporabo v internetu. Obstaja sicer veliko drugih formatov in barvnih palet, vendar zaradi omejenosti brskalnikov dizajnerji uporabljajo zgolj tri formate.

JPG format

JPG algoritem lahko dobro sliko zelo popači. Vendar če ne pretiravamo s stiskanjem bo v večini primerov dobro opravil svoje delo. Ravno zato je standard JPG danes največkrat uporabljen v spletu. Velikost slike relativno dobro zmanjša ob ne pretirani izgubi kakovosti, podpira pa tudi dovolj široko paleto barv, da so prehodi in rahli odtenki barv nepopačeni. Glavna težava pa je vsakokratno stiskanje datoteke. Večkrat ko odpremo in nato shranimo JPG sliko se kvalitete le-te zmanjša. Zato bodite previdni in sliko obdelajte v profesionalnih grafičnih formatih in šele na zadnje izvozite oz shranite sliko kot JPG format.
JPG format je zelo razširjen v “off-line” svetu, saj podpira veliko različnih barvnih profilov. V tiskarnah recimo za kalibriranje in preverjanje tiskalnikov uporabljajo JPG z visoko ločljivostjo v CMYK barvni paleti.

GIF format

GIF oz “graphics interchange format” so uvedli leta 1987. Glavni razlog uspeha GIF formata je transparentnost in pa animacijo. Nekdaj namreč niso poznali FLASH in podobnih formatov, ki omogočajo animacijo, zato je bil GIF glavni format za izdelavo animacij za prezentacijo v spletu. Glavna težava tega formata pa je omejena barvna paleta in sicer do 256 barvnih odtenkov. To pa je za fotografije odločno premalo. Slike zaradi tega izgledajo zrnato oz kockasto. Je pa zelo uporaben pri grafikah, ki nimajo veliko barv oz barvnih prehodov, saj je zaradi manjšega števila barvnih odtenkov sama velikost slike lahko nekajkrat manjša od JPG ali PNG formata. Glavni razlog, da se še vedno uporablja GIF format, pa je internet explorer 6, ki ne podpira alpha transparentnosti, čeprav se to oviro na različne načine odpraviti. način 1 način 2 način 3

PNG

PNG oz “portable network graphic” je bil uveden leta 1996, vendar je prišel v veljave šele nedavno, ko so ga začeli podpirati najbolj popularni brskalniki. Glavne prednosti so možnost večkratnega shranjevanja brez izgub na kvaliteti in pa alfa transparentnost. To pomeni, da os razni efekti, kot so recimo sence, najlažje izvedemo ravno s PNG formatov. Tretja dobra lastnost pa temelji na uporabi sRGB barvni paleti, kar ga naredi zelo uporabnega za uporabo pri grafikah in fotografijah preko interneta (od vektorskih do bitnih).  Slabša stran je relativno velika datoteka, kar pa sicer danes, ko večina ljudi uporablja širokopaso0vni internet, ni več tako moteča.

Povzetek

Če povzamem. JPG format je še vedno najbolj uporaben za shranjevanje slik za internet saj ima dobro podporo barvnim paletam, prav tako pa datoteke niso prevelike. Vendar ne podpira transparentnosti. GIF je še vedno uporaben predvsem pri transparentnih slikah in pa raznih grafikah, ker lahko prihranimo na velikosti posameznih slik. Animacija se seli v bolj napredne formate kot je recimo FLASH, transparentnost pa vedno bolj v PNG. Uporaben je tudi  zaradi široke podpore s strani tudi starejših brskalnikov (čeprav lahko to težavo obidemo). PNG pa je novejši format in ima kar nekaj dobrih lastnosti, predvsem podpira široko barvno paleto in pa transparentnost. S tem odpravi glavne težave obeh starejših formatov (JPG nima transparentnosti, GIF pa ima majhno barvno paleto). Glavna šibka točka je velikost datotek, ki lahko v primeru bolj kvalitetnih slik dosežejo za internet neuporabo velikost datoteke.

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Manipulacija slik s PHP-jem – cache slik – 304 Not Modified
  2. Velikost slik pri vnosu v Google maps
  3. Dinamično kreiranje / Upravljanje slik
  4. Odpiranje s.p. – promocija z internet stranjo
  5. PHP – izdelava galerije – preprosta skripta za prikazovanje slik
  6. Kako Internet Explorerju vbiti v betico ukaz min-height?
  7. Zakaj odsvetujemo uporabo brskalnika Internet Explorer?
  8. FireBug v Internet Explorer-ju
  9. Internet explorer – več verzij hkrati – Linux – Mac – Windows
  10. Predogled PDF-ja – pretvorba PDF v jpeg s pomočjo PHP-ja

Dodaj komentar