Kuvakoot uudessa Lukkarissa

Yleinen kuvaohjeistus

Wordpress tekee automaattisesti alkuperäisestä kuvasta tarvittavat kuvakoot. Sitä ei tarvitse yleensä käsin pienentää tai rajata etukäteen.

Alkuperäinen kuva on kuva minkä syötät järjestelmään

Suosi vaakakuvia. Pystykuvat rajautuvat huonosti, tai vievät paljon tilaa sisältöalueelta.
Yleisimmät kuvasuhteet ovat 3:2 ja 4:3.
Kuvan tulisi olla yli 3000px leveä, jotta sitä voidaan käyttää kaikissa kuvakoissa ja kuvalaatu pysyisi tasaisena kaikilla näytöillä. Mikäli pienempää kuvaa syötetään järjestelmään järjestelmä ei pysty luomaan siitä pakattuja muotoja, joten sivulla näytetään alkuperäinen kuva. Tämä tekee sivusta hidas ja Google arvioi sivun huonoksi.
Kuvan olennainen asia olisi hyvä olla kuvan keskellä. Tällöin se ei skaalautuessaan leikkaannu pois kuvasta eri kokoisilla näytöillä. Esim. ihmisen silmät/kasvot olisi tärkeä sijoittaa kuvan keskikohtaan.

Tarkat kuvasuhteet

Järjestelmä luo itse alkuperäisestä kuvasta eri kuvakokoja mitä käytetään eri lohkoissa.

Mikäli poikkeuksellisesti silti jostain syystä haluat tehdä niin täsmällistä työtä, että itse vaikutat siihen miten kuva rajautuu eri kuvakohdissa kannattaa syöttää järjestelmään jo valmiiksi oikeilla kuvasuhteilla oleva kuva. Kuvasuhteet kannattaa myös kertoa valokuvaajalle mikäli ostatte kuvia.

Yleisin käyttämämme kuvasuhde on 16:9

Kuvasuhde ei vie pystysuunnassa liiaksi tilaa, ja sitä voidaan käyttää esimerkiksi palstan levyisenä.
Kuvasuhde on hieman tavallisimpia valokuvan kuvasuhteita matalampi. Normaali vaakakuva rajautuu vähäisesti ylhäältä ja alhaalta.

Muut kiinteät kuvasuhteet

Sivustolla saatetaan käyttää myös muita kiinteitä kuvasuhteita, kuten neliö (1:1).
Kuva rajautuu automattisesti, mikäli alkuperäisen kuvan kuvasuhde on eri.
Alkuperäinen kuva voi tehdä jo etukäteen tähän kuvasuhteeseen. Esimerkiksi henkilökuvat (3:4).

Täysleveä kuva

Kuva on leveydeltään aina reunasta reunaan, näytön koosta riippumatta. Korkeus ei kuitenkaan vaihdu samassa suhteessa, vaan pysyy aina samana tai lähes samana.
Kuva rajautuu työpöytänäytöillä paljon ylhäältä ja alhaalta.
Edellyttää suurikokoista (min. 3000 pikselin levyistä) kuvaa.

Sisällön mukaan rajautuva kuva

Kuva voi rajautua esimerkiksi viereisen tekstipalstan korkeuden mukaan.
Kuvasuhde muuttuu myös näytön koon mukaan.
Kuvalle on voitu asettaa esimerkiksi minimikorkeus.

Yhteystiedot

Yhteystieto on pystykuva eli 3:4. Niitä mahtuu peruspalstalle kaksi, joten yksittäisen yhteystiedon leveys on noin 400 px. Mutta suosituksena on pistää puolet isompia kuvia, jotta toimii myös teräväpiirtonäytöillä, joten yhteystiedon kuvaksi suosittelisimme minimissään 800 px leveyttä.
Vanhassa Lukkarissa on ollut suositus käyttää kokoa 200 x 200px tai 200 x 266px. Nämä kuvat ovat liian pienet uudelle Lukkarille.

Yleisohje kuvakokoihin pdf-muodossaLinkki avautuu uudessa välilehdessä (sisältää erikokoiset esimerkkikuvat)