Kuvat ja niiden käyttö

Eräs tärkeimmistä visuaalisista elementeistä ulkoasuja suunniteltaessa ovat sivuille sijoitettavat kuvat. Kuvia voidaan käyttää yksittäisinä elementteinä, otsikkoina tai taustakuvina. WWW-sivuilla voidaan käyttää komea eri tiedostotyyppiä kuvina: GIF (Graphic Interchange Format), JPEG (Joint Photographic Experts Group) ja PNG (Portable Network Group). Näistä GIF ja JPEG ovat parhaiten tuettuja ja toimivat lähes kaikissa selaimissa.

Eri tiedostotyypeillä on omat vahvuutensa ja heikkoutensa. GIF-tiedostojen vahvuus on pieni tiedostokoko, mutta heikkoutena on maksimissaan 256 väriä. Siksi sitä käytetään usein painikkeiden ja muiden tasaisia väripintoja sisältävien elementtien esittelyyn. Mutta esim. valokuvia ei kannata tallentaa GIF-muotoon, sellaisena valokuvissa usein esiintyvät liukuväripinnat saavat rumia portaittaisia liukuja tai värit "ditteroidaan" seoksena useammasta väristä.

JPEG kuvat ovat puolestaan hyviä valokuvien ja liukuvärejä sisältävien kuvatiedostojen esittämiseen. Myös JPEG kuvat ovat kohtalaisen pieniä tiedostoina, mutta tämän tiedostototyypin heikkouksiin kuuluu mm. laadun heikkeneminen jokaisen tallennuksen yhteydessä.

PNG kuvat puolestaan ovat lähes GIF-tiedostojen veroisia tiedostokoon pienuudessa, JPEG:n veroisia valokuvien julkaisussa, niihin voidaan alfa-kanavan avulla määrittää läpinäkyvä alue, mutta kaikki selaimet eivät tue tätä tiedostotyyppiä.

Printtimaailmasta tutut TIFF-tiedostot, Photoshopin PSD:t, Freehandin tai Illustratorin omat tiedostotyypit eivät sellaisenaan ole lainkaan sopivia WWW-julkaisemiseen. Flashin SWF-tiedostot ovat toki tarkoitettu WWW-julkaisuihin, mutta ne tarvitsevat näkyäkseen Flash-lisäkkeen eli plug-innin ja lisäksi SWF-tiedostot eivät ole kuvia lainkaan, vaan elokuvia.