Näytetään tekstit, joissa on tunniste web-grafiikka. Näytä kaikki tekstit
Näytetään tekstit, joissa on tunniste web-grafiikka. Näytä kaikki tekstit

2017-10-01

Kuvat elävöittävät verkkosivuja

Kuvat todella elävöittävät verkkosivujasi oikein käytettynä. Kolme yleisimmin käytettyä kuvatiedostoformaattia ovat GIF, JPEG ja PNG.

GIF-kuvat (Graphical Interchange Format) eivät menetä yksityiskohtia pakattaessa (lossless) ja ne ovat siksi sopivimpia viivapiirroksiin, kuvakkeisiin, logoihin ja muihin koriste-elementteihin. JPEG-kuvat (Joint Photographic Experts Group) ovat tiiviimmin pakattuja kuin GIF-kuvat, mutta pakkaaminen vähentää kuvan yksityiskohtia. PNG-kuvat (Portable Network Graphics) ovat vaihtoehto GIF-kuville, mutta jotkin hyvin vanhat selaimet eivät tue niitä.

Jotkin työkalut soveltuvat muita paremmin verkkosivujen grafiikan tekemiseen esimerkiksi Adobe Photoshop, Macromedia Fireworks ja Corel Paint Shop Pro. Graafisissa elementeissä on tärkeää käyttää värejä, jotka sopivat hyvin yhteen. Sen lisäksi on tiettyjä värejä, joilla voit ilmaista sivuston tunnelmaa tai aihetta. Esimerkiksi sinipunainen on hyvä kuvaamaan arvokkuutta ja hopea on paras valinta tekniikkaan liittyville sivustoille.

Graafisia verkkosivuja luodessa täytyy huomioida grafiikan tiedostokoot. Jos kuvatiedosto on liian suuri, se latautuu pidempään ja sivustosi kävijä ehtii lähteä sivustolta. Joten tee graafisia ulkoasuja, jotka ovat järkevän kokoisia eivätkä ylitä 300 pikseliä pituudessa tai korkeudessa. Voi olla parempi välttää taustakuvia verkkosivua suunnitellessa. Tämä johtuu siitä, että suurikokoinen kuva on hidas ladata ja usein heikentää tekstin luettavuutta. Grafiikkaa kannattaa myös kierrättää, koska kerran verkosta ladattu kuvatiedosto säilyy kävijän selaimessa ja latautuu sieltä nopeammin seuraavalla kerralla. Sen lisäksi toisto yhtenäistää sivuston ulkoasua.

Kun teet kuvikasta verkkosivua, löydät helposti kuvia monista ilmaisista kuvapalveluista. Sinun tarvitsee vain käydä sivustolla ja voit valita sieltää sopivat kuvat ja animaatiot elävöittämään verkkosivujasi. Joissakin palveluissa voit myös optimoida kuvatiedostosi nopeammin latautuviksi.

Jos aiot tehdä verkkosivujesi grafiikat itse, lue myös digikameran hankinnasta ja valokuvausharrastuksen muuttamisesta liiketoiminnaksi

.