• Vinkit 13.10.2014 Comments Off on Kuinka käyttää kuvia www-sivuilla?

    Parhaimmillaan onnistunut kuvien käyttö web-sivulla herättää sivun henkiin ja tekee sen selaamisesta visuaalisesti miellyttävän kokemuksen. Kuvalla on tietysti myös tärkeä informatiivinen merkitys, sillä kuten vanha sanontakin kuuluu: Yksi kuva vastaa tuhatta sanaa. Monien mielestä myös pitkien tekstien, varsinkin jos fontti on pienikokoista, lukeminen tietokoneen ruudulta rasittaa silmiä.

    Siitä ei siis liene paljoakaan epäilyksiä, etteikö kuvat olisi erittäin hyvä keino havainnollistaa www-sivujen sisältöä. Kuvien käyttö pitää vain tehdä harkiten, ja samalla pitää mielessä muutama kuvien käyttöön liittyvä neuvo. Kuvatiedostot ovat yleensä Jpg- tai Png- (joskus myös .Gif) muotoisia pakattuja tiedostoja. Ja näitä pakattuja tiedostotyyppejä onkin hyvä netissä käyttää, sillä ne latautuvat huomattavasti nopeammin kuin pakkaamattomat tiedostot. Joskus saattaa www-sivuilta löytyä bmp- tai tiff-tiedostoja, ja niiden paikka ei yleensä ole web-sivulla. (Asia erikseen on tietysti silloin, jos web-palvelun tarkoituksena on tarjota pakkaamattomia kuvia netin kautta ladattavaksi.)

    Yleensä suuremmat kuvat kannattaa sijoittaa sivuille käyttämällä thumbnail-tekniikkaa. Tämä tarkoittaa sitä, että etusivulle sijoitetaan kuvien pienikokoisia (esim. 150 x 150 pikseliä) versioita, joita klikkaamalla pääsee lataamaan varsinaisen kuvan. Tämä on hyvä tapa sijoittaa vaikkapa suurikokoisia järjestelmäkameralla otettuja matkakuvia www-sivuille. Thumbnail-kuvia pystyy sijoittamaan taulukoinnin avulla sivuille useita kymmeniä. Nykyään on suosittua myös esittää kuvat diaesityksenä, jolloin kuvan vieressä olevia nuolia klikkaamalla voi siirtyä seuraavaan tai edelliseen kuvaan. Esimerkiksi Facebook käyttää tällaista tekniikkaa. Dia-esityksen voi itsekin luoda omalle www-sivuilleen erilaisten valmistyökalujen avulla.

    Thumbnail- tai dia-tekniikkaa kannattaa käyttää silloin, jos esitettävänä on paljon, esimerkiksi yli viisi kappaletta yli 100 kilotavun kokoisia kuvia. Tai vastaavasti jos on tarkoitus tarjota ladattavaksi vaikka juliste, jonka koko saattaa olla jopa 10 megatavua. Sen sijaan tekstin ohessa näytettäviä pienempiä kuvia, joilla on tarkoitus havainnollistaa artikkelia voi sijoittaa sellaisenaankin www-sivulle, kunhan huolehtii, ettei kuvien tiedostokoko ole liian suuri. Jpg-tiedostojen pakkaaminen onnistuu grafiikkaohjelmilla, ja jos ei omista sellaista, voi käyttää vaikka Jpg-optimizer online-palvelua. Jpg-kuvaa voi prosentuaalisesti pakata melko paljonkin, jopa 50–60 prosentin pakkauksella, ja kuva säilyy silti varsin hyvälaatuisena. Yleisesti pidetään toivottavana, että nettikäyttöön tarkoitetut kuva olisivat kooltaan alle 100 kilotavua, vaikka nykyiset nopeat internet-yhteydet kyllä periaatteessa lataavat suuremmatkin kuvat nopeasti.