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

.

Verkkosivujen suunnittelun myytit

Verkkosivun suunnittelu on ensimmäinen askel kohti verkkoidentiteetin luomista. Aiheen ympärillä pyörii monia myyttejä. Alla muutamia yleisimmistä myyteistä:

1. Maksimaalinen värien käyttö auttaa tekemään sivustosta kauniin

Miellyttävä ulkoasu on tärkeä kävijöiden houkuttelemiseksi sivustolle. Usein verkkosivujen suunnittelija luulee maksimaalisen värien käytön parantavan verkkosivua. Kun taas todellisuudessa värien sekasotku voi pilata sivuston ulkoasun. On myös mahdollista että kävijät ärsyyntyvät liiallisesta värien käytöstä. Niinpä verkkosivujen suunnittelijan pitäisi aina käyttää teemaan ja tarkoitukseen sopivia värejä. Korkeintaan kolmea eri väriä pitäisi käyttää verkkosivujen suunnittelussa ja värit eivät saisi koskaan huonontaa verkkosivun näkyvyyttä.

2. Liiallinen grafiikan lisääminen on hyödyllistä

Grafiikka helpottaa kommunikointia, mutta grafiikan liiallinen käyttö voi vaikeuttaa sitä. Usein verkkosivujen suunnittelija luulee että liiallinen kuvien määrä lisää verkkosivun uskottavuutta. Grafiikkaa voidaan käyttää tuomaan uskottavuutta verkkosivulle, mutta se voi myös ahdistaa. Sivu jolla on paljon grafiikkaa latautuu hitaasti. Kävijät pitävät ksinkertaisiin ja nopeasti latautuviin grafiikoihin perustuvasta ulkoasusta.

3. Flash-appletit lisäävät verkkosivun houkuttelevuutta

Flashia käytetään usein luomaan mainosbannereita ja animaatioita verkkosivuille. Flash-bannerit palvelevat tarkoitustaan vain jos niitä käytetään tehokkaasti ja säästeliäästi. Vaikka Flash-bannerit voivat lisätä uskottavuutta ulkoasuun, niillä on myös huonot puolensa. Flash-bannerit latautuvat nopeasti vain nopeiden yhteyksien yli. Kun verkkosivun suunnittelija käyttää liian montaa kuvaa esittämään yksinkertaista animaatiota, se ei enää nopeuta vaan hidastaa verkkosivua. Suunnittelijan huonot valinnat, kuten liian raskaat animaatiot, tekee sivustosta käyttökelvottoman. Verkkosivun suunnittelijan tulisi muistaa että monilla netin käyttäjillä ei ole Flash-pluginia asennettuna ja heillekin pitäisi tarjota käytettävä verkkosivusto.

4. Verkkosivusto näyttää samalta kaikilla selaimilla

Jopa monen onnistuneen verkkosivun suunnittelun jälkeen monet verkkosivujen suunnittelijat luulevat että verkkosivu näyttää jokaisella laitteella samalta kuin heidän omalla tietokoneellaan. Todellisuudessa eri selaimet näyttävät HTML-sivut eri tavoin. Siksi verkkosivuja suunnittelevan tulisi aina varmistaa että verkkosivu on suunniteltu standardeilla, joita kaikki selaimet noudattavat. Myös selainikkunan resoluutio vaihtelee laitteittain. Verkkosivun suunnittelijan tulisi varmistaa että verkkosivu näyttää hyvältä kaikilla näytöillä älypuhelimista UHD-televisioihin.

Verkkosivujen suunnittelijan täytyisi aina muistaa suunnitella verkkosivu kävijää ajatellen.