Tämä on yleinen ilmoitus. Sivuston ilmoitukset näkyvät sivuston jokaisella sivulla. Voit muokata sivuston ilmoituksia sivuston ohjausnäkymän kohdasta Ulkoasu > Mukauta > Ilmoitukset.

Kuva

Kuva-lohkon avulla voit lisätä kuvia sivuille tekstikappaleiden väliin.

Sisällöntuottajan kuvaohjeisto

Kuvaohjeistosta löydät ohjeet muun muassa kuvan valintaan, kuvakokoon ja kuvasuhteeseen liittyen.

Sivuston kuvat tulee ensin tallentaa sivuston mediakirjastoon ennen kuin niitä voi lisätä sivuille.

Tutustu kuvan lisäämiseen sivuston Mediakirjastoon

Lue lisää ja katso esimerkkejä alt-teksteistä Helsingin saavutettavuusmalli-ohjeesta (pdf). 

Kuvakoot

Mediakirjaston kuvakoot:

  • Pienoiskuva 300 x 300 px
  • Keskikokoinen 600 x 400 px
  • Suuri 1200 x 800 px
  • Täysikokoinen

Kuvaajatiedot

Kuvien kuvaajatiedot määritetään mediakirjaston kautta. Kuvaajatietoja ei voi muokata sivukohtaisesti, kuten kuva- ja alt-tekstejä.

Kuvaajatiedot näytetään tällä hetkellä vain kuva-lohkon ja galleria-lohkon kuvien yhteydessä. Kuvaajatietojen näyttäminen kansikuvan (heron) ja kuvallisten nostojen yhteydessä on vielä työn alla.

Kuva

Kuva-lohko sisältää kuvan ja kuvatekstin, sekä kuvaajatiedot. Kuva- ja alt-tekstin voi määrittää myös sivukohtaisesti kuva-lohkon asetuksien kautta, kun taas kuvaajatieto määritetään mediakirjaston kautta.

Pienoiskuva

Kirkko
Helsingin tuomiokirkko. Kuva: Camilla Bloom

Keskikokoinen

Kirkko
Helsingin tuomiokirkko. Kuva: Camilla Bloom

Iso

Kirkko
Helsingin tuomiokirkko. Kuva: Camilla Bloom

Kuvan avaaminen suuremmaksi

Kuvan voi määrittää avautumaan suurempana käyttäjän klikatessa kuvaa.

Kuva määritetään avautumaan suuremmaksi seuraavalla tavalla:

  1. Valitse haluttu kuva aktiiviseksi sivun muokkausnäkymässä
  2. Paina kuvan yläpuolelle ilmestyneen työkalurivin linkkisymbolia (Lisää linkki)
  3. Valitse listalta ‘Mediatiedosto’
Kirkko
Tämä kuva on määritetty avautumaan suuremmaksi kuvaa klikateessa. Kuva: Camilla Bloom

Kuva linkkinä

Kuvia on mahdollista määrittää linkeiksi, esim. kuvabannerit. Jos kuvaan asettaa linkin, niin kuvan alt-tekstin tulisi kertoa mihin linkki johtaa, eikä kuvan itsensä sisältöä. Käytä linkkejä kuvissa harkiten, sillä käyttäjälle ei ole välttämättä selvää että kuvassa on linkki.

Suositeltu tapa onkin lisätä linkki kuvatekstiin, eikä kuvaan.

digitaalisen asiakaskokemuksen pelikirja
Siirry digitaalisen asiakaskokemuksen pelikirja -sivustolle

Sinua saattaisi kiinnostaa

Helsinki cathedral architecture in Finland“/ CC0 1.0