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
- Optimoi verkkokäyttöön:
- Käytä työkaluja, kuten TinyPNG tai ImageOptim, pienentääksesi kuvien tiedostokokoa ilman laadun heikkenemistä.
- Yhtenäiset kuvasuhteet:
- Yhtenäiset kuvasuhteet saman osion sisällä luovat siistin ja ammattimaisen ulkoasun.
- Alt-teksti:
- Lisää kuvien alt-tekstit (kuvaavat tekstit) saavutettavuuden ja hakukoneoptimoinnin (SEO) parantamiseksi.
Kerro, jos tarvitset apua kuvien koon muuttamisessa tai optimoinnissa!