KUVAN TIEDOSTOMUOTOJA

*.jp(e)g

*.jpg

Joint Photographic Expert Group

Verkkokelpoisten kuvien yleisin tallennusmuoto. Varsinkin suuret, skannatut ja sävykkäät valokuvat on tallennettava juuri tässä muodossa.

Kuva on tallennettu *.jpg-muodossa 70 x 172 -koossa ja se painaa 6,15 kt.

8-bittinen *.gif

*.gif

Graphics Interchange Format

Tätä muotoa voi käyttää vain pienissä ja sävyttömissä kuvissa, kuten viivoissa, viivapiirroksissa tai tekstittömissä navigointinapeissa, myös silloin kun kuvan tausta halutaan läpinäkyväksi ja gif-animaattorilla tehdyissä pienissä animaatioissa.

Tiedosto voi olla korkeintaan 8-bittinen, eli kuvassa voi olla korkeintaan 256 väriä. Siksi jokainen *.gif-kuva sisältää myös käytetyn väripaletin. Kuvan laatu on huomattavasti *.jpg-muotoa heikompi ja koko suuremmilla kuvilla moninkertaisesti raskaampi.

Vasemmalla sama kuva on tallennettu *.gif-muodossa ja se painaa 10,4 kt.

8-bittinen *.png 24-bittinen *.png

*.png

Portable Network Graphics

Edellisen tapainen, mutta huomattavasti laadukkaampi, tehokkaasti pakattu ja maksimissaan 48-bittinen. Jokaiselle kuvapisteelle voi määritellä opasiteetin, joten sillä voi tuottaa myös epämääräisen muotoisia kuvia. Kehitetty pelkästään web-käyttöön.

Verkkosivuille ei kuitenkaan kannata sijoittaa kuin 8-bittisiä, koska jo 24-bittinen painaa moninkertaisesti sen verran. Kuitenkin 8-bittistä reunustaa matte, mutta 24-bittistä ei, joten sitä kannattaa käyttää silloin kun haluaa kuvan sulautuvan todella saumattomasti varsinkin epätasaiseen taustaan.

Kuvan laatu on jpg-muotoa heikompi mutta gif-muotoa parempi, koko hiukan pienempi kuin *.gif ja suuremmilla kuvilla moninkertaisesti raskaampi kuin *.jpg.

Vasemmalla ensimmäinen kuva on tallennettu 8-bittisenä, jolloin se painaa 9,54 kt. Toinen kuva on 24-bittinen ja painaa 25,9 kt.

Näin pienillä kuvilla eivät laatu- ja painoerot näiden kolmen tiedostomuodon välillä vielä ole kovin suuria, mutta jo nyt on *.jpg selvästi kevyin ja kuvan koon kasvaessa molemmat *.png-muodot raskaimpia.

*.tif(f)

Tagged Image File Format

Työtiedoston voi skannata *.tif-muodossa, joka on korkealaatuinen, sävykäs ja tarkka, mutta raskas tiedostomuoto. Kirjapainoissa valokuvat ovat aina *.tif-muodossa.

*.bmp

Bitmap Picture

Windowsin vanha kuvatiedostomuoto. Raskas ja tuhruinen, jota ei enää nykyisin kannata käyttää missään tilanteessa.

*.psd

Adobe PhotoShop

Korkearesoluutioisen työtiedoston tiedostomuoto.

*.cpt

Corel PhotoPaint

Korkearesoluutioisen työtiedoston tiedostomuoto.

*.cdr

Corel Draw

Corelin vektorigrafiikkamuoto ei sovi verkkokäyttöön. Kuvan voi luoda Corel Drawlla, mutta se on tallennettava bittikuvana.

*.wi

Wavelet Compressed Bitmap

Tätä muotoa käytetään bittikuvien varastoimiseen korkealla pakkauksella. Käytössä kuvagallerioissa. Corelin tukema tiedostomuoto, ei avaudu PhotoShopissa.

*.wmf

Windows MetaFile

Windowsin vektorigrafiikkamuoto. Ei sovi verkkokäyttöön. Näkyy vain Internet Explorerilla.

*.svg

Scalable Vector Graphics

Ks. SVG-vektorigrafiikka.

*.ani

Microsoft Windows Animated Cursor

Esimerkiksi tämän solun animoitu kursori on tässä muodossa. CSS-määritys löytyy tämän kappaleen koodista tai CSS-sivulta, ja kuva, dinosau2.ani, kaikilta kovalevyiltä Windows-hakemistosta. Animoitu kuva ei toimi Gecko-selaimilla eikä Operalla.

*.ico

ikoni

Microsoft Windowsin työpöydän ohjelmien käynnistysikonien tiedostomuoto, jolla tallennettu kuva näkyy myös suosikeissa, selaimen osoiterivillä ja välilehtien otsikoissa.

Vaikka se näkyy myös sivulla hyvin kaikilla muilla selaimilla paitsi IE:llä kovin repaleisena, ja voi olla jopa 32-bittinen, sitä ei kuitenkaan käytetä sivuilla olevien kuvien tallentamiseen. Oheinen tämän sivuston ikoni on tässä 24-bittisessä *.png-muodossa.

Katso sivujen lähdekoodista, miten se liitetään mukaan.

Photoshop ei osaa tallentaa *.ico-muotoon, mutta sille voi ladata ilmaisen plug-inin, jonka avulla se onnistuu. Myös ilmainen kuvankäsittelyohjelma Gimp osaa tallentaa *.ico-muotoon.

Ks. myös ICO (icon image file format).



Sijainti: Ideasta Internetiin, WWW-sivuston
suunnittelusta ja toteutuksesta

sivun alkuun