torstai 12. maaliskuuta 2020

Kuvasuhde

Kuvan koko
Digitaalisella kuvalla on vain yksi koko: pikselien määrä leveys- ja korkeussuunnassa. Kuvan koko esitetään muodossa 2048 x 2048 pikseliä (leveys x korkeus). Tuotekuville kyseinen pikselikoko on riittävä. Bannereissa yleisiä kuvakokoja ovat mm. 3000x1500 (2:1), 3200x2400 (4:3) ja 1920x1080 (16:9).


Kuvatiedoston optimointi
Kuvatiedoston optimoinnilla tarkoitetaan lopullisen kuvan tallentamista mahdollisimman tehokkaasti. Tehokkaasti tallennettu kuva on tiedostokooltaan pienempi ja latautuu siksi nopeammin. Optimoitu kuva on kilotavuja megatavujen sijaan.

Kuvatiedostokokoon vaikuttavat:
  • Kuvan animointi(gif)
  • Tiedostoformaatti
  • Kuvanlaatu

Tärkeimmät kuvien tiedostoformaatit: GIF, PND ja JPG

GIF:
gif -formaatti on animoiduille kuville. Kannattaa kuitenkin huomioida, että usein tiedostot paisuvat helposti liian suuriksi, joka saattaa vaikuttaa latausnopeuteen.

PNG:
png -formaatti mahdollistaa läpinäkyvyyden sekä rajatun väripaletin kuvissa. Kannattaa käyttää jos haluaa tuoda kuvan taustalle vaihtuva väri tai kuva halutaan toisen kuvan päälle.

JPG:
jpg -formaatti mahdollistaa kuvan tallentamisen eri laaduilla. Usein laatu ilmoitetaan 1-100 välillä. 1 tarkoittaa huonolaatuista ja rakeista kuvaa. Yleensä kuvan laaduksi riittää arvo 40-60 väliltä.


Esimerkkejä kuvasuhteista. Lähde:Woolman


Kuvasuhteita


Lähde: Riikka Eskelinen
Lähde: Riikka Eskelinen
Lähde: Riikka Eskelinen
Lähde: Riikka Eskelinen



Kuvien muistilista:

  • Säilytä alkuperäiset kuvat
  • Jaa kuvat ruhmiin
  • Rajaa ryhmittäin(sama aihe ja saman kokoiset)
  • Käytä samaa pikselikokoa kuvaryhmittäin
  • Pakkaa kuvat tehokkaasti, näin sivusto latautuu nopeammin



Lähteet:
https://woolman.fi/blogs/blogi/anna-aikaa-kuville-nain-korjaat-verkkokauppasi-kuvat-kuntoon
https://calltoaction.fi/sosiaalinen-media/sosiaalisen-median-kuvakoot/

Ei kommentteja:

Lähetä kommentti