|

Kuvat
ja grafiikka välittävät usein tärkeitä viestejä. Tämän lisäksi
niitä taitavasti käyttämällä saadaan sivuille laadukas visuaalinen
ilme. Grafiikan osuus korostuu www-sivuilla myös sen takia että
käytettävä sivunkuvauskieli HTML antaa varsin vähän mahdollisuuksia
ulkonäön suunnitteluun verrattuna printtijulkaisujen
taitto-ohjelmiin.
Valokuvien
lisäksi sivuille linkitetään kuvankäsittelyssä valmistettuja
selkokuvia, logoja, graafeja, karttoja jne. Myös erikoistekstit
linkitetään sivuille kuvina. Lisäksi sivuille voidaan liittää
kuvina monenlaisia graafisia elementtejä, kuten painikkeita ja
linjoja.
| Valokuvat
tallentetaan yleensä runsaasti pakkaavaan jpg-formaattiin. Kuva
säilyy täysvärikuvana. |
Selkokuvat
tallennetaan gif-formaattiin, jossa on
256 tai vähemmän värejä. |
Kuvien
koko ja sivujen laataantumisnopeus:
Kuvat
liitetään sivuille linkittämällä, mikä tarkoittaa sitä että ne
siirretään palvelinkoneelle erikseen. Selain hakee URL-osoitteen
perusteella kuvan ja se hidastaa sivun lataantumista. Eli suunniteltaessa
www-sivuja on hyvin tärkeää ottaa huomioon grafiikan määrä ja kuvien
koko. Sivun, joka sisältää pääasiassa tekstiin perustuvan viestin
yhteenlaskettu kilotavumäärä ei saisi juuri ylittää 50 kilotavua
mikäli halutaan modeemikäyttäjienkin jaksavan odottaa sivun
lataantumista. 200 kt:n kuva kestää lataantua hyvissäkin olosuhteissa
yleensä yli 10 sekuntia.
Grafiikan
kilotavukokoon vaikuttavat seuraavat asiat:
- kuvan
sisältämien pikselien määrä ("fyysinen" koko)
- kuvan värimäärä (bittisyvyys)
- kuvan tallennusfomaatti (jpg, gif, png)
- kuvan pakkaus
Kuvan koon muuttaminen:
HTML-koodissa ja myös sivunrakennuseditoreissa kuvan kokoa voi muuttaa
antamalla kuvalle uudet pikseliarvot. Useissa editoreissa on myös
mahdollista muuttaa kuvan kokoa suoraan vetämällä nurkasta.
Tämä toiminto tuottaa kuitenkin lähes aina huonolaatuisen kuvan, koska
koon muutoksen tekee selainohjelma, joka ei osaa tehdä sitä kunnolla.
Eli alkuperäinen kuva haetaan edelleenkin palvelinkoneelta ja vasta
katselijan Netscape tai Explorer muuttaa sen uuteen kokoon. Näin ei
voiteta myöskään latautumisajassa.
Kuva kannattaa valmistaa aina lopulliseen kokoon kuvankäsittelyssä
ja myös tehdä mahdolliset koon muutokset siellä!
 |