Suositellut kuvakoot ja mitat

Shopify Dawn -teema on suunniteltu joustavaksi ja responsiiviseksi, joten kuvakoot mukautuvat käyttöympäristön ja näytön koon mukaan. Alla ovat suositellut kuvakoot ja mitat eri osioille Dawn-teemassa, jotta kuvat näkyvät laadukkaasti:

 

1. Tuotekuvat

  • Suositeltu koko: 2048 x 2048 pikseliä.
  • Kuvasuhde: Neliö (1:1-kuvasuhde on paras).
  • Tarkoitus: Takaa korkealaatuiset kuvat ja zoomausominaisuuden.
  • Huomioitavaa: Shopify pakkaa kuvia nopeamman latauksen takaamiseksi. Käytä korkearesoluutioisia kuvia laadun säilyttämiseksi.

 

2. Kokoelmakuvat

  • Suositeltu koko: 1024 x 1024 pikseliä (tai suurempi).
  • Kuvasuhde: Neliö (1:1 on paras yhtenäisen ulkoasun takaamiseksi).
  • Huomioitavaa: Yhtenäinen kuvakoko kokoelmissa luo ammattimaisen ulkoasun.

 

3. Diaesitys- tai sankaribannerikuvat

  • Suositeltu koko: 1600 x 1050 pikseliä.
  • Kuvasuhde: 16:10 (vaakasuuntainen).
  • Huomioitavaa:
    • Kuvat voivat rajautua tai skaalaantua näytön koon mukaan.
    • Tärkeät elementit kannattaa sijoittaa kuvan keskelle, koska reunoja voi rajautua pienemmillä näytöillä.

 

4. Esittelykuvat tai blogin pikkukuvat

  • Suositeltu koko: 1200 x 800 pikseliä.
  • Kuvasuhde: 3:2 tai vaakasuunta.
  • Tarkoitus: Sopii blogipostauksen pikkukuviksi tai esittelyosiin.

 

5. Logo

  • Suositeltu koko: 200 x 200 pikseliä (jos neliö) tai 250 x 100 pikseliä (jos suorakaide).
  • Tiedostotyyppi: Läpinäkyvä PNG on ihanteellinen.
  • Huomioitavaa: Pidä tiedoston koko kevyenä, jotta sivusto latautuu nopeasti.

 

6. Favicon (sivuston kuvake)

  • Suositeltu koko: 32 x 32 pikseliä tai 64 x 64 pikseliä paremman tarkkuuden takaamiseksi korkearesoluutioisilla näytöillä.
  • Tiedostotyyppi: PNG tai ICO-muoto.

 

7. Mukautettujen osioiden kuvat

Esimerkiksi "Kuva ja teksti" tai "Kuvabanneri" -osiot:

  • Suositeltu koko: Vähintään 1600 pikseliä leveä.
  • Kuvasuhde: Joustava, mutta vaakasuuntaiset kuvat toimivat parhaiten bannereissa.

 

Yleisiä vinkkejä Dawn-teeman kuviin

  1. Optimoi verkkokäyttöön:
    • Käytä työkaluja, kuten TinyPNG tai ImageOptim, pienentääksesi kuvien tiedostokokoa ilman laadun heikkenemistä.
  2. Yhtenäiset kuvasuhteet:
    • Yhtenäiset kuvasuhteet saman osion sisällä luovat siistin ja ammattimaisen ulkoasun.
  3. Alt-teksti:
    • Lisää kuvien alt-tekstit (kuvaavat tekstit) saavutettavuuden ja hakukoneoptimoinnin (SEO) parantamiseksi.

 

 

Kerro, jos tarvitset apua kuvien koon muuttamisessa tai optimoinnissa!

Kaikki oppaat