- 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
Kuvien määrä ja koko
voidaan soveltaa sekä pysty- että vaakakuville
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ä