Page History
...
- 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
| Info |
|---|
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
...
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):
...
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 puhelimen näytöllä listanäkymässä
Kuvakokojen merkitseminen EAD3-formaattiin (+EAD2002)
...
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)
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 voidaan tarjota jatkossa latauslinkki käyttäjälle.
Kuvakoot LIDOssa
| Code Block | ||
|---|---|---|
| ||
<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> |
...
| Code Block | ||
|---|---|---|
| ||
<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> |
...
