[Turun yliopisto, digitaalinen kulttuuri]

Yleistä | Kurssiohjelma | Linkit

Jaakko Suominen
Verkkosivustojen suunnittelun perusteet

WWW ja kuvaformaatit

Määritelmiä kuvien tallentamiseen digitaalisessa muodossa on useita. Määritelmät eli kuvaformaatit eroavat toisistaan muun muassa pakkaustavan, värimäärään ja lataustapojen suhteen. WWW-sivujen yhteydessä käytetään yleensä gif- tai jpg-kuvia, joita melkein kaikki selainohjelmat tukevat. Kuvat on mahdollista esittää myös uudemman png-formaatin avulla, mutta sitä eivät kaikki, varsinkaan vanhemmat selainohjelmat, tue (ks. myös XBM (X Bitmap)). Edellä mainittujen kuvatyyppien lisäksi on olemassa useita muita tyyppejä kuten tiff, pcx ja bmp, mutta näiden (tai vektorigrafiikan) käyttäminen WWW-sivujen yhteydessä vaatii yleensä pluginien, lisäosien asentamista selainohjelmien yhteyteen.

Kuvien käsittelyyn ja muuttamiseen kuvaformaatista toiseen voi käyttää freeware- ja shareware-ohjemia kuten PaintShop Pro. Kaikkein parhaita kuvankäsittelytyökaluja ovat kuitenkin ammattimaiset (ja myös hintavat) Adobe Photoshopin (mikroluokassa Photoshopin yksinkertaisempi Elements -versio) ja Corel Photopaintin kaltaiset ohjelmat. Huom! Kun skannaat tai käsittelet kuvia verkkosivuja varten, käytä 72:n tai 96 ppi (pixels per inch) tarkkuutta.

Kuvaformaatti gif (Graphics Interchange Format) jpg (Joint Photographic Experts Group) png (Portable Network Graphics)
Pakkaustapa Koodattu, ei informaatiohävikkiä Pakattu, informaatiohävikki riippuu pakkaustasosta Koodattu, ei informaatiohävikkiä
Värimäärä 2-256 (1-8 bittiä) 16 miljoonaa (24 bittiä, RGB) 16 miljoonaa (24 bittiä, RGB)
Lataustapa Lomitettu (interlaced) tai lomittamaton (non-interlaced) Yleensä lomittamaton Lomitettu tai lomittamaton
Sopivuus Graafiset elementit, viivapiirrokset Valokuvat, suurta värimäärää vaativat kuvat Graafiset elementit, viivapiirrokset
Muuta tietoa
  • Läpinäkyvän värin käyttö mahdollista
  • Animaatiot yhden kuvan sisään
  • Värimäärän vähentäminen esim. 16:een mahdollistaa kuvakoon reilun pienennyksen
  • Mahdollista valita erilaisia väripaletteja
  • Tallennusvaihtoehdot: gif87, gif89 non-interlaced ja gif89 interlaced

  • Kuvatiedoston kokoa voidaan säädellä pakkaustason valinnalla: mitä suurempi pakkaustaso, sitä pienempi kuva mutta myös epätarkempi
  • Shareware-kuvan -käsittelyohjelmat eivät aina tue pakkaustason valintaa
    Nykyään tuki myös lomitukselle
  • Samantapainen käyttö kuin gif-kuvissa, etuna kuitenkin pienillä värimäärillä tehokkaampi pakkaus (teho häviää värimäärän kasvaessa), haittana se, etteivät edelleenkään kaikki selaimet tue suoraan png-kuvia
  • Etu gif-formaattiin myös se, että käyttö vapaata

Esimerkkejä