Search
Close this search box.
Blogi

Verkkosivuston kuvat

Kuvat pitää editoida ja optimoida oikein ennen kuin ne ladataan WordPressin mediakirjastoon.

Sisällysluettelo

Verkkosivuston kuvat

Verkkosivuston kuvat pitää editoida ja optimoida oikein, että kuvat latautuvat verkkosivustolla nopeasti. WordPress mediakirjastoon ladattavien kuvien tulisi olla samankokoisia kuin ne näytetään verkkosivustolla. Muista, että suurimmassa osassa kannettavia tietokoneita näytön koko on 1920 pikseliä leveä ja 1080 pikseliä korkea. Verkkosivuston keskikaistan leveys on todennäköisesti 1200 pikseliä ja tästä puolet on 600 pikseliä. Seuraavaksi katsotaan muutamia tyypillisiä tarkoituksia, joissa verkkosivuston kuvat kannattaa editoida ja optimoida oikein.

Taustakuvat

Verkkosivuston taustakuvat ovat haasteellisia, sillä niiden tulee näyttää hyviltä kaikilla laitteilla ja kaikenkokoisilla näytöillä. Taustakuvat kannattaa muokata responsiivisille WordPress verkkosivuille seuraavasti:

  • Leveys 1920 pikseliä
  • Korkeus 1080 pikseliä
  • Jpg-formaatissa
  • Paino alle 200 kilo byteä

Asiakuvat

Asioiden esittelykuvat näytetään verkkosivustolla yleensä niin että ne vievät keskikaistasta toisen puolen eli esittelykuvat kannattaa muokata responsiivisille WordPress verkkosivuille seuraavasti:

  • Leveys 600 pikseliä
  • Korkeus 338-600 pikseliä
  • Jpg-formaatissa
  • Paino alle 100 kilo byteä

Henkilökuvat

Henkilöiden kasvokuvia on yleensä verkkosivustolla rinnakkain 2-4 kappaletta, joten kasvokuvat kannattaa muokata responsiivisille WordPress verkkosivuille seuraavasti:

  • Leveys 600 pikseliä
  • Korkeus 600 pikseliä
  • Jpg-formaatissa
  • Paino alle 100 kilo byteä

Verkkokaupan kuvat

Verkkokaupan kuvat kannattaa muokata sen mukaan mitä kuvat esittävät eli minkälaisia tuotteita kauppa sisältää. Jos verkkokaupassa on tuotteita joiden pakkauksen tekstejä asiakas haluaa lukea on todennäköistä, että asiakas haluaa isontaa kuvan koko näytön suuruiseksi, kun hän tarkastelee kuvaa tarkemmin.

Tuotekuvat (isot)

Jos asiakkaalle halutaan tarjota kuvat niin, että niitä voi tarvittaessa isontaa koko näytön suuruiseksi, kannattaa kuvat muokata seuraavasti:

  • Leveys 1080 pikseliä
  • Korkeus 1080 pikseliä
  • Jpg-formaatissa
  • Paino alle 200 kilo byteä

Tuotekuvat (pienet)

Jos taas kuvat näytetään verkkokaupassa niin, että ne vievät esimerkiksi vain puolet keskikaistasta (yksittäisen tuotteen visuaalinen pohja verkkokaupassa), niin kuvat kannattaa muokata seuraavasti:

  • Leveys 600 pikseliä
  • Korkeus 600 pikseliä
  • Jpg-formaatissa
  • Paino alle 100 kilo byteä

Kuvien muokkaus työkaluja

Seuraavaksi muutamia kuvien muokkaus työkaluja, joiden avulla kuvien editointi ja optimointi onnistuu kätevästi.

Canva

Verkkosivuston kuvat voi helposti ja ilmaiseksi editoida Canva työkalulla.

ShortPixel

Verkkosivuston kuvat voi helposti ja ilmaiseksi optimoida ShortPixel työkalulla.

83 / 100

Piditkö sisällöstä?

Jaa tämä sivu sosiaaliseen mediaan.

LinkedIn
Facebook
Twitter
Pinterest
WhatsApp
Email

Etsitkö hyvää yhteistyökumppania?

Ota yhteyttä, niin keskustellaan lisää sinun tarpeista, toiveista ja tavoitteista.

Ota yhteyttä

Pyrin vastaamaan sinulle vuorokauden kuluessa
Juha Savilaakso

Juha Savilaakso

DI, KTM, Yrittäjä, Toimitusjohtaja

Juha Savilaakso on diplomi-insinööri ja kauppatieteiden maisteri Oulun yliopistosta. Juhalla on myös jatko-opinnot Aalto yliopiston koulutusohjelmista Financial Executive ja Liiketoiminta 360 sekä yrittäjän ammattitutkinto Careeriasta. Nyt hän auttaa yrittäjiä ja yrityksiä menestymään digitaalisen markkinoinnin avulla.

Katso tapahtumat

Kalenterista löydät kaikki tapahtumat. Rekisteröidy tapahtumaan ja tule mukaan oppimaan lisää digimarkkinoinnista.