Kuvat ja kuvakoot

Kaupassa on erityyppisiä kuvia:

  • Kuvat, joita voit muokata editorissa
  • Kuvat kuvasliderissa
  • Tuotekuvat
  • Logo

Suosittelemme, että käytät aina kuvia, jotka ovat JPG tai PNG muodossa.

Alta löydät tarkempaa tietoa erityyppisistä kuvista.

Kuvat, joita voit muokata editorissa

Hallitaksesi näitä kuvia, valitse kauppasi päävalikosta Editori. Sieltä löytyy erilaisia sisältöelementtejä, joiden avulla voit lisätä sivuille kuvia. Lisää tietoa kuvien lisäämisestä löydät artikkelista Sivun sisällön muokkaaminen.

Seuraavat sisältöelementit pitävät sisällään kuvia:

Sisältöelementti

Kuvaus

Kuva, yksi sarake

Kuva näytettynä yhdessä sarakkeessa

Kuva, kaksi saraketta

Kaksi kuvaa näytettynä rinnakkain. Kannattaa huomioida, että kuvat ovat samankokoisia.

Kuva, kolme saraketta

Kolme kuvaa näytettynä rinnakkain. Kannattaa huomioida, että kuvat ovat samankokoisia.

Kuva ja teksti, kaksi saraketta

Näytetään yksi kuva ja sen rinnalla tekstiä.

Teksti ja kuva, kaksi saraketta

Näytetään tekstiä ja sen rinnalla kuva.

Kuva ja teksti, kolme saraketta

Näytetään kolme kuvaa rinnakkain ja kaikkien alla on tekstiä. Kannattaa huomioida, että kaikki kuvat ovat samankokoisia.

Tarkista kuvan lisäämisen jälkeen, että se näkyy halutulla tavalla.

Mobiililaitteissa teksti, kuvat ja videot ovat eri järjestyksessä kuin kauppasi työpöytäversiossa. Esimerkiksi suurimmassa osassa puhelimia sisältöelementti Kuva, kolme saraketta näyttää kolme kuvaa allekkain. Lisää tietoa responsiivisesta ulkoasusta löydät artikkelista Mitä responsiivisuus tarkoittaa?


Kuvat kuvasliderissa

Kuvasliderilla voit näyttää useita isoja kuvia peräkkäin. Nämä kuvat lisätään editorissa: kaupan hallinnassa päävalikosta kohta Editori. Sieltä löydät sisältöelementeistä kuvaslider valinnan. Lisää tietoa löydät artikkelista Sivun sisällön muokkaaminen.

Tästä näet suositellut kuvakoot kuvaslidereihin riippuen käyttämästäsi teemasta:

  • Neutral: 1400 x 686 pikseliä
  • Vision: 2000 x 500 pikseliä
  • Essence: 1400 x 412 pikseliä
  • Limelight: 2000 x 500 pikseliä
  • Editorial: 2000 x 500 pikseliä
  • Uptown: 1400 x 686 pikseliä
  • Structure: 1400 x 412 pikseliä

Jos käytät teemaa Vision, Limelight tai Editorial huomaathan, että riippuen asiakkaan käyttämästä laitteesta, kuvasliderin kuvat voivat rajautua, eivätkä näy kokonaan. Tärkeä kuvasisältö kannattaa näissä sijoittaa keskelle kuvaa.

Tuotekuvat

Voit muokata tuotekuvia kaupan hallinnassa suoraan tuotteissa, kun valitset ensin päävalikosta Tuotteet ja sitten Katsele tuotteita. Valitse taulukosta tuotenumero, jonka kuvaa haluat muokata. Sitten voit muokata kuvia Kuvat kohdassa. Lisää tietoa tuotteiden hallinnasta löydät artikkelista Tuotteiden hallinta.

Parhaimman lopputulokset saat, kun käytät tuotekuvina vähintään 1100 x 1100 pikselin kuvia ja käytät kaikissa kuvissa samaa kuvasuhdetta eli muotoa (esim. neliö, vaaka tai pysty). Kuvat kannattaa syvätä eli poistaa niiden tausta siten, että niissä on puhdas valkoinen taustaväri.

Logo

Voit ladata logon kauppaasi, jolloin se näkyy jokaisella kauppasi sivulla.

Ladataksesi tai vaihtaaksesi logoasi, valitse kaupan hallinnasta päävalikosta Asetukset ja sitten Yleistä. Tällä sivulla voit kohdasssa Kaupan tiedot ladata uuden logon kauppaan.

Logon tulisi olla vähintään 200 x 200 pikseliä.

Se, kuinka isona logo näkyy kaupassasi, riippuu valitsemastasi teemasta.