Sisällys:
Yleistä
- Finnassa saataville tarjottavissa kuvissa ei tule olla vesileimoja.
- Kuvakoko:
- 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
- Korkearesoluutioisten kuvien suodattaminen Finnassa
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. Suosituskoko: kuvan leveys 1200px, kuvan korkeus 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ä
Kuvan latauslinkki
Finnassa näytetään latauslinkki kuvalle, mikäli kuvalle on määritelty metadatassa seuraava kenttä: fullsize (EAD3), image_large (LIDO), image_master (LIDO) tai image_original (LIDO).
Latauslinkin yhteydessä voidaan näyttää pudotusvalikko, mikäli kuvalle löytyy metadasta useampi korkearesoluutiokuva samalle resurssille (Huom.! Ominaisuus toimii tällä hetkellä ainostaan LIDO:ssa).
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>
Kuvien 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)
4. Lisäksi on mahdollista käyttää tyyppiä image_original kuvaamaan alkuperäistä kuvaa, jota ei näytetä käyttäjälle Finnassa (voi olla esim. tiff-muodossa), mutta josta tarjotaan latauslinkki käyttäjälle.
Kuvakoot LIDOssa
Alla yksinkertaistettu esimerkki. Katso tarkempi malli LIDOmallipohjasta Museoviraston sivuilta ja tästä esimerkkitietueesta.
<resourceWrap> <resourceSet> <resourceRepresentation type="image_thumb"> <linkResource formatResource="jpg">http://xxx</linkResource> </resourceRepresentation> <resourceRepresentation type="image_large"> <linkResource formatResource="jpg">http://xxx</linkResource> </resourceRepresentation> <resourceRepresentation type="image_master"> <linkResource formatResource="jpg">http://xxx</linkResource> </resourceRepresentation> <resourceRepresentation type="image_original"> <linkResource formatResource="tiff">http://xxx</linkResource> </resourceRepresentation> </resourceSet> </resourceWrap>
Kuvien oikeuksien merkitseminen LIDOssa
Kaikki kuvakoot samalla oikeudella
Kun 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 formatResource="jpg">http://xxx</linkResource> </resourceRepresentation> <resourceRepresentation type="image_original"> <linkResource formatResource="tiff">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>