Sisällys:
Yleistä
- Kuva-asettelussa tietuenäytöllä kuvan maksimileveys on n. 265px ja puhelimen näytöllä leveys on noin mobiilinäytön leveys pystysuunnassa (vaihtelee yleensä 320px-400px välillä)
- Jos kuvat ovat tätä suurempia, kuva skaalataan pienemmäksi kuvasuhde säilyttäen.
- Retina-näyttöiset mobiili- ja tietokonenäytöt hyötyvät pienemmiksi skaalatuista kuvista, koska niiden pikselitiheys on vähintään tupla. Kuvat näyttävät terävämmiltä näillä laitteilla.
- Vufind2-versiossa metadatasta saatavilla olevat kuvat muunnetaan käyttötarkoitukseensa sopivaan kokoon ja välimuistitetaan, mutta suurikokoiset kuvat aiheuttavat kuitenkin hitautta, koska suurikokoinen kuva pitää kuitenkin ensin ladata kokonaan ennnenkuin se voidaan muuntaa pienemmäksi.
- Jotta kuvien selaaminen ja avaaminen olisi käyttökokemukseltaan parempi loppukäyttäjälle, tulisi sopivan kokoiset kuvat pystyä latamaan metadatasta sopivan kokoisena.
- esimerkki liian isoista kuvista, jotka vaikuttavat hakutuloksen lataukseen: https://finna-dev-fe.csc.fi/national2/Search/Results?type=AllFields&limit=100&view=grid&filter%5B%5D=~building%3A%220%2FSA-kuva%2F%2210
- esimerkki kuvista, joiden resoluutio on pieni, jolloin riittää yksi kuvakoko. https://finna-dev-fe.csc.fi/national2/Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FImage%2F%22&filter%5B%5D=online_boolean%3A%221%22&filter%5B%5D=~building%3A%220%2Fdesignmuseo%2F%224
Kuvakoon valitsemisessa käyttötarkoituksen mukaan on hyvänä apuna Europeanan ohje: https://pro.europeana.eu/post/publishing-framework
Kuvien määrä ja koko
voidaan soveltaa sekä pysty- että vaakakuville
Ohjeistusvaihtoehdot (A, B ja C) riippuvat alkuperäisen kuvan koosta.
A) Kuvat joiden alkuperäinen koko on yli full-HD resoluution (1980px X 1200px).
Finnan käytön kannalta optimi vaihtoehto olisi saada 3 eri kuvakokoa:
1) Thumbnail. Keskimääräinen maksimi 600px leveä, minimi 250px leveä. Suosituskoko 400px maksimileveys. ei vesileimaa
2) Popupista aukeava kuva maksimissaan 1980px minimissään 600px leveys, suositus 1200px maksimileveys, kuvan korkeus maksimissaan 1080px.
3) Alkuperäinen kuva, jonka voi avata lataa kuva -linkistä. Alkuperäisen kuvan resoluutiolla ei ole rajoituksia.
B) Jos alkuperäinen kuva on keskimäärin leveydeltään välillä (600px – 1980px):
1) Thumbnail. keskimääräinen maksimi 600px leveä, minimi 250px leveä, Suosituskoko 400px maksimileveys. ei vesileimaa
2) Popupista ja lataa kuva -linkistä aukeava alkuperäinen kuva. Alle 1980px leveä.
C) Alkuperäiset kuvat, jotka keskimäärin leveydeltään alle 600px:
1) Aluperäinen kuva voidaan esittää sekä thumbnailissa että popupissa sekä ladattavana. Yksi kuvakoko metadatassa riittää
Esimerkkikuvia:
thumbnail tietuenäytöllä
thumbnail kuvagalleriassa
thumbnail lisstanäkymässä
thumbnail puhelimen näytöllä listanäkymässä
Kuvakokojen merkitseminen EAD3-formaattiin (+EAD2002)
Finna suosittaa käyttämään versiota EAD3 hierarkkisesti kuvailtujen aineistojen tuomisessa. Vanhempi versio EAD 2002 on vielä käytössä joillakin organisaatioilla joten alla esimerkki myös siitä.
EAD3-esimerkki
<daoset label="Digitaaliset objektit" coverage="part"> <dao daotype="derived" coverage="part" actuate="onload" show="embed" linktitle="Loimaa" localtype="thumbnail" href="http://imgs.ud.edu/archives/image/f12001_1thumb.jpg"/> <dao daotype="derived" coverage="part" actuate="onrequest" show="new" linktitle="Loimaa" localtype="fullsize" href="http://imgs.ud.edu/archives/image/f12001_1.jpg"/> </daoset>
EAD 2002 -esimerkki
<daogrp> <daodesc> <p>Kuva Helsingin Kalliosta vuodelta 1929</p> </daodesc> <daoloc label="Kundkopia" role="image_full" href="http://www.sls.fi/databasen/kundkopior/sls95/sls95_001.jpg"/> <daoloc label="Thumbnail" role="image_thumbnail" href="http://www.sls.fi/databasen/thumbnails/sls95/sls95_001.jpg"/> <daoloc label="Databasbild" role="image_reference" href="http://www.sls.fi/databasen/databasbilder/sls95/sls95_001.jpg"/> </daogrp>
Kuvakokojen merkitseminen LIDO-formaattiin
Kuvakoot tärkeysjärjestyksessä
1. image_large ( Suuri näyttökuva - tärkein kuvakoko Finnan kannalta, koska siitä voi tehdä kaikki näytettävät kuvat, eikä se ole liian iso kuormittaakseen palvelua liikaa)
2. image_master ( Suurin täysiresoluutiokuva - olisi hyvä, jotta käyttäjä saa eniten iloa irti kuvista)
3. image_thumb ( Pienin selailukuva - kannattaa tuoda myös ihan pieni selailukuva jos organisaatiolla on hidas taustajärjestelmä tai jos isoresoluutiokuvasta haluaa näyttää vain pienen esikatselukuvan)
Kuvakoot LIDOssa
<resourceWrap> <resourceSet> <resourceRepresentation type="image_thumb"> <linkResource>http://xxx</linkResource> </resourceRepresentation> <resourceRepresentation type="image_large"> <linkResource>http://xxx</linkResource> </resourceRepresentation> <resourceRepresentation type="image_master"> <linkResource>http://xxx</linkResource> </resourceRepresentation> </resourceSet> </resourceWrap>
Kuvien oikeuksien merkitseminen LIDOssa
Kaikki kuvakoot samalla oikeudella
Jos kaikkiin kuvakokoihin sovelletaan samaa käyttöoikeutta, oikeusmerkintä sijoitetaan samaan resourceSettiin eri kuvakokojen kanssa.
<resourceWrap> <resourceSet> <resourceRepresentation type="image_thumb"> <linkResource>http://xxx</linkResource> </resourceRepresentation> <resourceRepresentation type="image_large"> <linkResource>http://xxx</linkResource> </resourceRepresentation> <resourceRepresentation type="image_master"> <linkResource>http://xxx</linkResource> </resourceRepresentation> <rightsResource> <rightsType> <conceptID type="Copyright">CC BY 4.0</conceptID> <term lang="fi">Käyttöoikeuden lyhyt/selkokielinen seliteteksti suomeksi</term> <term lang="en-gb">Käyttöoikeuden lyhyt/selkokielinen seliteteksti englanniksi</term> <term lang="sv">Käyttöoikeuden lyhyt/selkokielinen seliteteksti ruotsiksi</term> </rightsType> <rightsHolder> <legalBodyName> <appellationValue>Oikeuden haltija, esim museo</appellationValue> </legalBodyName> <legalBodyWeblink>http://www.xxmuseo.fi</legalBodyWeblink> </rightsHolder> <creditLine>XXX</creditLine> </rightsResource> </resourceSet> </resourceWrap>
Eri käyttöoikeus eri kokoisille kuville
Eri kokoiset kuvat käyttöoikeustietoineen sijoitetaan omiin resourceSetteihin.
<resourceWrap> <resourceSet> <resourceRepresentation type="image_thumb"> <linkResource>http://xxx</linkResource> </resourceRepresentation> <rightsResource> <rightsType> <conceptID type="Copyright">CC BY 4.0</conceptID> <term lang="fi">Käyttöoikeuden lyhyt/selkokielinen seliteteksti suomeksi</term> <term lang="en-gb">Käyttöoikeuden lyhyt/selkokielinen seliteteksti englanniksi</term> <term lang="sv">Käyttöoikeuden lyhyt/selkokielinen seliteteksti ruotsiksi</term> </rightsType> <rightsHolder> <legalBodyName> <appellationValue>Oikeuden haltija, esim museo</appellationValue> </legalBodyName> <legalBodyWeblink>http://www.xxmuseo.fi</legalBodyWeblink> </rightsHolder> <creditLine>XXX</creditLine> </rightsResource> </resourceSet> <resourceSet> <resourceRepresentation type="image_large"> <linkResource>http://xxx</linkResource> </resourceRepresentation> <rightsResource> <rightsType> <conceptID type="Copyright">CC BY 4.0</conceptID> <term lang="fi">Käyttöoikeuden lyhyt/selkokielinen seliteteksti suomeksi</term> <term lang="en-gb">Käyttöoikeuden lyhyt/selkokielinen seliteteksti englanniksi</term> <term lang="sv">Käyttöoikeuden lyhyt/selkokielinen seliteteksti ruotsiksi</term> </rightsType> <rightsHolder> <legalBodyName> <appellationValue>Oikeuden haltija, esim museo</appellationValue> </legalBodyName> <legalBodyWeblink>http://www.xxmuseo.fi</legalBodyWeblink> </rightsHolder> <creditLine>XXX</creditLine> </rightsResource> </resourceSet> <resourceSet> <resourceRepresentation type="image_master"> <linkResource>http://xxx</linkResource> </resourceRepresentation> <rightsResource> <rightsType> <conceptID type="Copyright">CC BY 4.0</conceptID> <term lang="fi">Käyttöoikeuden lyhyt/selkokielinen seliteteksti suomeksi</term> <term lang="en-gb">Käyttöoikeuden lyhyt/selkokielinen seliteteksti englanniksi</term> <term lang="sv">Käyttöoikeuden lyhyt/selkokielinen seliteteksti ruotsiksi</term> </rightsType> <rightsHolder> <legalBodyName> <appellationValue>Oikeuden haltija, esim museo</appellationValue> </legalBodyName> <legalBodyWeblink>http://www.xxmuseo.fi</legalBodyWeblink> </rightsHolder> <creditLine>XXX</creditLine> </rightsResource> </resourceSet> </resourceWrap>