Teen sinulle WordPress verkkosivut ja tarvittaessa WooCommerce verkkokaupan sekä hoidan projektin jälkeen sivuston teknisen ylläpidon joka kuukausi. Myös sisällön päivitykset ja sivuston jatkokehitys onnistuu sinun tarpeiden mukaan. Tutustu Digiagentin palveluihin ja verkkokauppaan. Ota yhteyttä sähköpostilla, niin keskustellaan lisää sinun tarpeista, toiveista ja tavoitteista. Yhteystiedot sivulta löydät kaiken tarvittavan yhteydenottoon. Toivottavasti kuulen sinusta pian!
Blogi

Verkkosivuston kuvat

Digiagentti Oy

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ä.

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

Kuvat voi helposti ja ilmaiseksi editoida Canva työkalulla.

ShortPixel

Kuvat voi helposti ja ilmaiseksi optimoida ShortPixel työkalulla.

79 / 100

Jaa tämän sivun sisältö

Jaa tämä Digiagentin sisältö sosiaaliseen mediaan tai kerro kaverille WhatsApilla tai sähköpostilla. Laita hyvä kiertämään!

Ota Yhteyttä

Pyrin vastaamaan sinulle vuorokauden kuluessa.

Digimarkkinointi blogi

Lue digimarkkinointi blogia niin tiedät enemmän