Valokuvien koon pienentäminen ja rajaaminen verkkosivuja varten

Verkkosivuilla käytettävien kuvien laatuun ja kokoon on kiinnitettävä erityistä huomiota, koska:

Suurikokoiset kuvat, joissa on paljon pikseleitä, ovat hitaita latautumaan, ja jo pienikin odottelu huonontaa verkkosivujen käyttökokemusta ja käytettävyyttä.

Suurikokoiset kuvat vievät paljon tilaa verkkolevyllä, josta joudutaan maksamaan kallista lisähintaa.

Nykyiset älypuhelimet ja kamerat tuottavat laadukkaita, mutta hyvin suurikokoisia kuvia, joten ongelma on mitä ilmeisin. Jopa ns. perustarkkuudella otetut älypuhelimien ja kameroiden kuvat ovat verkkosivuille turhan suuria ja niiden kokoa kannattaa pienentää.

Kuvien rajaaminen parantaa niiden sommittelua, tuo halutut kohteet paremmin esiin ja osaltaan myös pienentävät kuvatiedostojen kokoa, kun turha sisältö rajataan pois. Toisaalta samassa yhteydessä ja ryhmässä esitettävät useat kuvat on hyvä tehdä tarvittaessa vaikka rajaamalla saman kokoisiksi ja leveys/korkeus suhteeltaan samanlaisiksi.

Käyttämällä suositeltuja kuvakokoja julkaisujen tekeminen sivupohjilla on sujuvampaa.


 

Suositellut kuvakoot Karjalan Liiton LianaCMS sivuilla ovat seuraavat

 

Yläkuva: leveys x korkeus = 1400 x 460 px.

Korkeus vähintään 320 px ja enintään 700 px.

Isot kuvat: leveys 900 px, korkeus kuvasuhteen perusteella.

Käytetään ”Main”-lohkossa, kun käytössä on 3:n lohkon sivupohja, jonka lohkot ovat allekkain ja koko sivun levyiset.

Keskikokoiset kuvat: leveys 600 px, korkeus kuvasuhteen perusteella.

Käytetään ”Main”- lohkossa, kun käytössä on 4:n lohkon sivupohja, jossa 3 lohkoa on vierekkäin. Käyttö on mahdollinen myös reunimmaisessa lohkossa.

Pienet kuvat: leveys 400 px, korkeus kuvasuhteen perusteella.

Käytetään reunimmaisessa lohkossa, kun käytössä on 4:n lohkon sivupohja

Sopii myös nostolaatikoiden kuvaksi.

Yläkuvaa lukuun ottamatta myös tiukemmat rajaukset ja pienemmät kuvat ovat mahdollisia, jos siltä tuntuu ja kuvien laatu riittää.

15.10.2023 em


Kuvan muokkaus

Kuvatiedostojen kokoon vaikuttavat pikselien lukumäärä leveys- ja korkeussuunnissa sekä käytetty tiedostoformaatti ja sille valittu kuvan pakkaustaso. Näitä ja monia muita valokuvien laatuun vaikuttavia tekijöitä voidaan säädellä ja muokata erilaisilla kuvankäsittelyohjelmilla.

Jos tavoitteena on ainoastaan kuvakoon pienentäminen ja kuvien rajaus verkkosivuja varten, niin ne voidaan tehdä myös helposti saatavilla olevilla yleisillä työkaluilla kuten Windowsin mukana tulevalla Valokuvat sovelluksella tai suoraan LianaCMS hallintapaneelin tiedostot osion ”Muokkaa kuvaa” työkaluilla. Näihin kahteen työkaluun on erilliset ohjeet.

Kuvien käsittely Windows

Lue lisää

Kuvien käsittely LianaCMS

Lue lisää

Kuvien käsittely LianaCMS-video

Katso video