Kuvat Lukkarissa

Kuvakoot Lukkarissa

Lukkariin kannattaa tuoda kuvia, jotka ovat mahdollisimman lähellä käyttötarkoitustaan sopivaa kokoa. Lukkarin kuvanmuokkaustyökalulla voi myös pienentää ja rajata kuvaa, jos se ei ole mahdollista ennen Lukkariin tuontia. Lue lisää kuvien muokkaamisesta Lukkarissa

Alla on suosituskokoja yleisimpiin kuvien käyttötilanteisiin.

Miksi pystykuva tallentuu vaakana Lukkarin kuvat hakemistoon?

Syy pystykuvan näkymiseen vaakana johtuu siitä, että Windows on lisännyt kuvan metatietoon virheellistä tietoa. Voit kääntää kuvaa Lukkarin kuvanmuokkaustyökalulla tai avata sen kuvankäsittelyohjelmalla (esimerkiksi Paint:llä) ja tallentaa sen ilman muokkausta. Tallentaminen poistaa virheelliset metatiedot. Vie kuva tallennuksen jälkeen Lukkariin.

Kuva ei tallennu?

Kuvan koko tulee olla alle 7,3Mt. Tätä suuremmat kuvat eivät tallennu. Suuret kuvat tallentuvat joskus myös melko hitaasti, joten kannattaa hieman odottaa.

Kuvan lisääminen Media highlight -portlettiin

Media highlight -portletti on kuvien ensisijainen ja suositeltava sijoituspaikka. Media highlight -portlettiin lisätyt kuvat skaalautuvat automaattisesti oikein erikokoisilla näytöillä. Jos kuvan sen sijaan lisää Sisältö-portlettiin, tulee itse huolehtia, että sisältösivu skaalautuu mobiilinäytölle tyylikkäästi.

Tunnistat Media highlight -portletin sen alareunassa näkyvistä kuva- ja videopainikkeista. Lisäksi portletin nimi ilmestyy näkyviin, kun viet kursorin sen päälle.

Media highlight -portletti:

1. Aloita kuvan lisääminen Media highlight -portlettiin painamalla Lisää kuva -painiketta  kuvapaikan alla.

2. Sen jälkeen paina Lisää näytettävä kuva -painiketta.

3. Lisää kuva suoraan tietokoneelta tai Lukkarissa olevista kuvatiedostoista 

Kuvan voi lisätä Lukkariin kahdella tavalla: joko suoraan tietokoneeltasi tai Lukkarissa olevasta kuvahakemistosta. Jos lisäät kuvan tietokoneelta, siirry ensin Lukkarissa kansioon, jonne haluat kuvan tallentaa. Paina sitten "Valitse tiedosto" -painiketta ja etsi kuva koneeltasi tai tuo tiedosto hakemistoon raahaamalla. Jos haluamasi kuva on jo Lukkarin hakemistossa, etsi se oikeasta kansiosta, klikkaa kuva auki ja oikealla alhaalla "Lisää" -painiketta. 

4. Täytä kuvan tiedot

Tästä aukeavaan ikkunaan eli valittuun kuvaan voi lisätä kolme valintaa tai lisätietoa: 

Kuvateksti: Kuvateksti tulee näkyviin sivulle kuvan alle, paitsi sivumallissa 1.14 sivun ylälaidassa olevaan isoon vaakakuvaan se tulee kuvan päälle. Pidä kuvateksti lyhyenä ja selkeänä. 

Alt-teksti: Alt-tekstin lisääminen on pakollista. Alt-tekstiä käyttäävät näkövammaisten verkkolukulaitteet. Alt-tekstin tulee tarvittaessa korvata kuvan sisällöllinen merkitys sivulla ja sen tulisi vastata kysymykseen "Mitä kuvasta tulisi ymmärtää?" Alt-teksti täytyy pitää lyhyenä, sen enimmäismerkkimäärä on 75 merkkiä. Lue lisää alt-teksteistä saavutettavuusohjeista

Muita valintoja:

• "Kuva näkyy suurempana kuvaa klikkaamalla". Se tarkoittaa sitä, että kun käyttäjä klikkaa kuvaa sivustolla, hänen selaimeen aukeaa suurempi versio kuvasta. Sen jälkeen kuvaa klikataan uudestaan kuva näkyy sivustolla normaalissa koossa.
• "Kuva näkyy isona bannerikuvana". Valitse tämä silloin, kun lisäät kuvan 1.14 -sivumalliin (Tule mukaan -sivujen sivumalli)

5. Klikkaa tallenna

Kuvan lisääminen sisältöportlettiin

Suositeltavaa on, että kuvat lisätään Media Highlight -portlettiin. Jos lisäät kuvan sisältöportlettiin, huolehdi itse, että kuva skaalautuu mobiilinäytölle tyylikkäästi. Kuvan kokoon ja asemointiin tulee siis kiinnittää erityistä huomiota. Lopuksi kannattaa sivua katsoa kännykällä. Kuva toimii Sisältö-portletissa parhaiten niin, että samassa portletissa ei ole kuvan lisäksi muuta sisältöä, kuten tekstiä.

Lisää kuva sisältöportlettiin näin:

1. Siirry sisältöportletin muokkaustilaan ja klikkaa tekstieditorin Kuva-painiketta.
   
   
2. Etsi haluamasi kuva hakemistosta tai siirry oikeaan kansioon ja hae kuva koneeltasi raahaamalla tai klikkaamalla Valitse tiedosto -painiketta.
3. Klikkaa Lisää-painiketta.
4. Kun kuva näkyy tekstieditorissa, klikkaa sen päällä hiiren oikeaa painiketta ja valitse Kuvan ominaisuudet.
5. Anna kuvalle vaihtoehtoinen teksti eli alt-teksti, joka kuvaa kuvan sisältöä niille, jotka eivät sitä pysty näkemään.
6. Syötä Vaakatila- ja Pystytila-kenttiin luku 10. Tämä asetus luo kuvan ympärille tyhjää tilaa, jolloin mahdollinen muu sisältö ei pääse tunkeutumaan liian lähelle kuvaa.
7. Klikkaa OK ja julkaise portlettiin tehdyt muutokset.
   
   

Kuvan lisääminen karuselliin

Karuselli-portletin voi löytää mm. etusivulta ja sivumallista 1.13. Karuselliin voi valita kuvia ja videoita, jotka näkyvät yksi kerrallaan karuselli-portletissa. Kuviin voi myös lisätä lyhyen kuvaustekstin ja linkin.

Etusivulla karuselli löytyy tapahtumanoston vierestä. Sen muokkaamiseen tarvitsee päätoimittajan oikeudet. Toimittajan oikeuksilla voi muokata muualla olevia karuselleja.

Lisää karuselli-portlettiin kuva näin:

1. Klikkaa portletin alla oleva rataspainiketta.
2. Klikkaa Lisää uusi -painiketta.
3. Valitse Kuva.
4. Voit halutessasi syöttää lyhyen kuvaustekstin (teksti) ja linkille osoitteen (linkki). Lisää kuva painamalla Valitse kuva -painiketta.
5. Etsi oikea kuva kuvapankista ja paina lisää-painiketta kuvan jäljessä.
6. Syötä kuvalle alt-teksti (lukulaitetta varten).
7. Voit halutessasi ajastaa milloin kuva tulee kävijälle näkyviin tai poistuu näkyvistä.
8. Klikkaa lopuksi Tallenna -painiketta.

Karuselliin tulevan kuvan tulee olla vaakakuva suhteessa 4:3, ellet halua kuvaa venytettävän. 

Katso myös: videon lisääminen karuselliin

Etusivun pääkuvan vaihtaminen (päätoimittajalle)

Pääkuvalla tarkoitetaan sivuston etusivulla olevaa koko sivun levyistä kuvaa. Kuvan hankintaan kannattaa panostaa, koska sillä vaikuttaa suuresti sivuston tunnelmaan. Kuvalla saa sivustoon myös paikallisen tunnelman, jos kuvassa näkyy tuttuja paikkoja ja ihmisiä. Pääkuvan voi vaihtaa vain päätoimittajan oikeuksilla.

Vaihda pääkuva näin:

1. Valitse vasemmasta valikosta Vaihda pääkuva.

2. Avautuvassa näkymässä saat vaihdettua Lukkarisivustonne pääkuvan. Kuva ladataan suoraan tietokoneelta/omalta laitteelta. 

3. Anna kuvalle alt-teksti.

4. Muista painaa lopuksi tallenna sivun oikeassa alareunassa tallentaaksesi muutokset. 

Sivuston pääkuvan täytyy olla .jpg muodossa ja 1900 x 820 pikselin kokoinen. Jos kuva ei ole .jpg tai oikean kokoinen, työkalu ei hyväksy lisäämääsi kuvaa.

Pääkuva voi olla myös linkki

Esimerkiksi jouluinen kuva voi olla linkki joulusivulle. Lisää Linkin osoite -kenttään linkki sivustolle, johon haluat ohjata käyttäjän. Jos kyse on sivuston sisäisestä linkistä, sinun ei tarvitse lisätä koko osoitetta vaan ainoastaan osoitteen loppu, esim. /perhejuhlat. Jos kyseessä on ulkoinen sivusto niin lisää osoite kokonaisena, esim. http://evl.fi/. 

Linkin teksti tulee näkyviin kun käyttäjä laittaa hiiren taustakuvan päälle.  Linkin avautuminen vaikuttaa siihen, aukeaako linkki uuteen vai samaan välilehteen.

Muista painaa lopuksi tallenna. 

Huom! Mikäli sivustosi pääkuva ei suostu vaihtumaan, laita viestiä Lukkari-tukeen Itsepalvelupisteen kautta.  Lukkarin päivitys v. 2020 poisti kaikkien sivustojen pääkuvat, jolloin kaikille ajettiin yhteinen kastekuva väliaikaiseksi kuvaksi. Kun olette lisänneet sinne oman pääkuvan joka näkyy muokkauspuolella, laita viestiä meille, niin käännämme asetukset uudelleen sellaiseksi, että pääsette itse pääkuvaa muokkaamaan ja kuva tulee myös julkiselle puolelle näkyviin. 

Sosiaalisen median jakokuva

Jokaiselle Lukkari-sivulle voidaan määritellä ns. somejakokuva, joka näkyy sivun esikatselussa, kun sivu jaetaan sosiaalisessa mediassa. Jos somejakokuvaa ei ole määritelty, esikatseluun valikoituu jokin sivulla olevista kuvista. Jos sivulla ei ole kuvia, esikatselussa näkyy etusivun pääkuva.

Myös uutisille ja tapahtumille voidaan asettaa yhteinen somejakokuva, joka näkyy somejaossa silloin, kun sivulla ei ole muuta kuvaa.

Lue ohjeet somejakokuvan määrittämiseen:

• Sivun somejako
• Tapahtumien somejako
• Uutisten somejako
• Yhteystietojen somejako
   

Tekstin käyttö kuvissa

Saavutettavuuden vuoksi infografiikan ja tapahtumien mainoskuvien käytössä on huolehdittava, että sama viesti välittyy käyttäjälle myös tekstinä.

Tapahtumamainokset kuvatiedostona voivat toimia hyvin paperilla ja somessa, mutta verkkosivuilla niiden käyttö ei ole aina se toimivin tapa, koska

• kuvassa oleva tekstisisältö ei tartu googlen hakukoneeseen,
• ruudunlukijaohjelmat eivät pysty tekstiä lukemaan näkövammaisille käyttäjille ja
• pienessä kuvakoossa (esim. mobiilisti) tekstistä ei saa selvää vaikka näkökyky olisi käyttäjällä erinomainen.

Tapahtumamainokset kannattaa siis tehdä Lukkarin työkaluilla siten, että teksti kuvan päälle tehdään linkkityökalussa eikä kuvankäsittelyohjelmassa.

Muutama periaate tekstin käyttöön kuvatiedostoissa

• Käytä vähän sanoja (max yksi lause) ja kirjoita ne riittävän suurella fontilla. Lisää sama teksti kuvan alt-tekstiksi.
• Huolehdi, että kuvan resoluutio on riittävä, jotta kuvan tekstistä saa selvää.
• Jos kuva sisältää paljon informaatiota (kaaviot ja muu infografiikka), kerro sama viesti samalla sivulla myös tekstimuodossa.
• Jos kuvan viestiä on mahdoton kuvata sanoilla, kerro käyttäjälle alt-tekstinä ja/tai otsikkona, mistä kuvassa on kysymys. Tällaisia sanallisesti mahdottomia kuvia ovat mm. hautausmaakartat.