Kuvat ja kuvakoot

Kaupassa on erityyppisiä kuvia:

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

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

Alla 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 kuvian lisäämisestä löydät artikkselista 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ä kumpikin kuva on yhtä korkea.

Kuva, kolme saraketta

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

Kuva ja teksti, kaksi saraketta

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

Teksti ja kuva, kaksi saraketta

Teksti näytetään ja sen rinnalla kuva.

Kuva ja teksti, kolme saraketta

Kolme kuvaa näytetään rinnakkain ja kaikkien niiden alla on teksti. Kannattaa huomioida, että kaikki kvuat ovat samankorkuisia.

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

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


Kuvat kuvasliderissa

Kuvasliderilla voit näyttää useita isoja kuvia yksi toisen perään. 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 pixeliä
  • Vision: 2000 x 500 pixeliä
  • Essence: 1400 x 412 pixeliä
  • Limelight: 2000 x 500 pixeliä
  • Editorial: 2000 x 500 pixeliä
  • Uptown: 1400 x 686 pixeliä
  • Structure: 1400 x 412 pixeliä

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

Tuotekuvat

Voit muokata tuotekuvia kaupan hallinnassa suoraan tuotteissa kun päävalikosta valitset ensin Tuotteet ja sitten Katsele tuotteita. Valitse taulikosta 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 pixeliä.

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