Rozměry bannerů, loga a záhlaví na šablonách

Tato nápověda je věnována popisu velikostí jednotlivých prvků šablon. Můžete zde najít velikosti loga, záhlaví a bannerů. Jednotlivé prvky můžete vždy najít v příslušné sekci. Pro maximální využití prostoru a zachování ostrosti nahraných obrázků doporučujeme dodržet uvedené velikosti.

Základní informace

Logo a záhlaví naleznete v administraci Vzhled a obsah → Editor. Bannery se nacházejí pod Vzhled a obsah → Bannery, zde jsou pak rozdělené záložky Bannery (v levém nebo pravém sloupci), Doplňkové bannery (na úvodní stránce), Carousel (obrázky na úvodní stránce, které se mění v čase) a Konkurenční výhody (na úvodní stránce, v kategoriích a detailu produktu). Více informací se dozvíte v nápovědě Bannery.

Technické specifikace

Bannery, doplňkové bannery, obrázky v carouselu, a loga můžete nahrát ve formátech JPG, PNG, GIF a SVG. Maximální velikost souboru jsou 2 MB.

Rozměry a technické specifikace produktových fotografií najdete v článku Fotogalerie.

Zobrazování obrázků

Nahrané obrázky jsou při zobrazení koncovému uživateli převáděny do formátu WebP, vyjma případů uvedených níže. Konverze do WebP probíhá u všech obrázků, které jsou umístěny na našem CDN serveru, tzn. jejich URL začíná https://cdn.myshoptet.com/usr/<domena_e-shopu>/user/. Jedná se tak prakticky o všechny obrázky, které do e-shopu nahrajete, tedy např. produktových fotografií, bannerů, log, obrázků v článcích apod.

Konverze do WebP probíhá automaticky z nahraných souborů. Ty je třeba nahrávat podle technických specifikací uvedených v předchozí sekci, případně podle pokynů v administraci obchodu. Nahrání obrázků přímo ve formátu WebP v současnosti není možné. Po konverzi zůstává přípona u názvu souboru stále stejná, tedy např. obrazek.jpg bude zobrazen ve formátu WebP, ale přípona bude stále .jpg.

Ke konverzi do WebP nedochází v následujících případech (pravidla jsou platná pro všechny obrázky):

• prohlížeč uživatele nepodporuje formát WebP
• obrázek má příponu .gif, .ico, nebo .svg
• soubor má příponu video formátu .mp4, .mkv nebo .avi
• název souboru začíná na APNG a má příponu .png – toto pravidlo slouží pro správné zobrazení animovaných PNG (formát APNG)
• rozlišení obrázku je větší jak 75 Mpx
• konverze obrázku do WebP není z neočekávaných důvodů možná

Samba

• Logo: libovolný rozměr, maximálně 1000 x 1000 px.
• Záhlaví: se zde nenastavuje.
• Carousel: doporučený rozměr 1920 x 940 px (může být i vyšší nebo nižší).
• Banner vpravo: se zde nenastavuje.
• Banner vlevo: šířka 340 px, výška libovolná.
• Doplňkové bannery:
  • Pozice Top: doporučujeme lze použít jeden banner o šířce 1920 px nebo dva bannery o šířce 960 px, výška je libovolná. Lze použít i více bannerů o celkové šířce 1920 px.
  • Pozice Střed: jeden banner, doporučený rozměr 960 x 560 px (může být i vyšší nebo nižší).
  • Pozice Zápatí: jeden banner, doporučený rozměr 960 x 560 px (může být i vyšší nebo nižší).
  • Pozice Kategorie: doporučujeme jeden banner o rozměru 960 x 560 px (může být i vyšší nebo nižší). Lze použít i více bannerů, které v kategorii budou řazeny pod sebou.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.
• Obrázek článku: doporučená minimální šířka 840 px

Disco

• Logo: libovolný rozměr, maximálně 1000 x 1000 px.
• Záhlaví: se zde nenastavuje.
• Carousel: šířka bez bannerů na pozici top 1418 px, s levým sloupcem 1038 px.
• Carousel: rozměry s bannery na pozici top 945 x 672 px, s levým sloupcem 719 x 511 px.
• Banner vpravo: se zde nenastavuje.
• Banner vlevo: 320 px.
• Doplňkové bannery:
  • Pozice Top: doporučujeme dva bannery o šířce 473 x 336 px, s levým sloupcem 335 x 253 px. Lze použít i více bannerů, které budou řazeny po pravé straně pod sebou.
  • Pozice Střed: lze použít jeden banner o šířce 1418 px (1078 px s levým sloupcem) nebo dva bannery – první o šířce 433 px (320 px s levým sloupcem) a druhý o šířce 906 px (679 px s levým sloupcem).
  • Pozice Zápatí: lze použít libovolný počet bannerů o maximální šířce 1418 px (1078 px s levým sloupcem).
  • Pozice Kategorie: doporučujeme použít jeden banner o šířce 1378 px (1038 px s levým sloupcem). Lze použít i více bannerů, které v kategorii budou řazeny v další řadě pod sebou.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Step

• Logo: libovolný rozměr, maximálně 1000 x 1000 px.
• Záhlaví: se zde nenastavuje.
• Carousel: doporučená velikost je 1920 x 860 px (může však být i nižší).
• Banner vpravo: se zde nenastavuje.
• Banner vlevo: 280 px.
• Doplňkové bannery:
  • Pozice Top: doporučujeme 3 bannery, doporučená výška 200 px.
  • Pozice Střed: doporučujeme 4 bannery s maximální šířkou 1418 px. Po překročení této šířky budou bannery řazeny pod sebou.
  • Pozice Kategorie: doporučujeme použít jeden banner o šířce 1378 px (1038 px s levým sloupcem). Lze použít i více bannerů, které v kategorii budou řazeny pod sebou.
  • Pozice Zápatí: libovolný počet bannerů o maximální šířce 1398 px (1018 px s levým sloupcem).
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Classic

• Logo: doporučený rozměr 295 x 60 px, maximálně 1000 x 1000 px.
• Záhlaví: se zde nenastavuje.
• Carousel: šířka bez bannerů na pozici top 1418 px, s levým sloupcem 1083 px.
• Carousel: rozměry s bannery na pozici top 945 x 572 px, s levým sloupcem 729 x 441 px.
• Banner vpravo: se zde nenastavuje.
• Banner vlevo: 255 px.
• Doplňkové bannery:
  • Pozice Top: 453 x 276 px, s levým sloupcem 354 x 216 px. Lze použít i více bannerů, které budou řazeny po pravé straně pod sebou.
  • Pozice Střed: lze použít jeden banner o šířce 1418 px (1123 px s levým sloupcem) nebo dva bannery – první o šířce 433 px (334 px s levým sloupcem) a druhý o šířce 905 px (709 px s levým sloupcem).
  • Pozice Zápatí: lze použít libovolný počet bannerů (doporučujeme 1–3) o maximální šířce šířce 1418 px (1123 px s levým sloupcem).
  • Pozice Kategorie: doporučujeme jeden banner o šířce 1378 px (1083 px s levým sloupcem). Lze použít i více bannerů, které v kategorii budou řazeny pod sebou.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Waltz

• Logo: doporučený rozměr 180 x 63 px, maximálně 1000 x 1000 px.
• Obrázek v záhlaví: doporučené rozměry jsou 1920 x 392 px.
• Video v záhlaví: doporučené rozměry jsou stejné jako u obrázku v záhlaví. Pokud nemáte možnost vyrobit video v tomto nestandardním formátu, doporučujeme video ve Full HD rozlišení.
  • Jediný podporovaný formát videa je MP4, maximální velikost je 20 MB, přesto doporučujeme držet velikost co nejmenší (do 2 MB).
  • Videa pro vaše záhlaví můžete zdarma stáhnout například na stránce coverr.co nebo za poplatek ze služby Adobe Stock.
• Carousel: se zde nenastavuje.
• Banner vpravo: 230 px.
• Banner vlevo: se zde nenastavuje.
• Doplňkové bannery:
  • Pozice Top: 4 bannery o rozměrech 432 x 324 px. Lze použít i více řad bannerů.
  • Pozice Střed: 932 px (s levým sloupcem 682 px).
  • Pozice Zápatí: doporučujeme 2 bannery, ale lze použít i více bannerů o celkové šířce 952 px (s levým sloupcem 702 px).
  • Pozice Kategorie: doporučujeme jeden banner o šířce 932 px (s levým sloupcem 682 px). Lze použít i více bannerů, které v kategorii budou řazeny pod sebou.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Tango

• Logo: libovolný rozměr, maximálně 1000 x 1000 px.
• Záhlaví: celková šířka je 1355 px.
• Carousel: celková šířka se řídí šířkou vašeho monitoru, tedy standardně 1920 px.
• Banner vlevo: maximální šířka je 300 px.
• Banner vpravo: se zde nenastavuje.
• Doplňkové bannery:
  • Pozice Top: se zde nenastavuje.
  • Pozice Střed: se zde nenastavuje.
  • Pozice Zápatí: lze použít víc bannerů o celkové šířce 1395 px (1055 px s levým sloupcem).
  • Pozice Kategorie: se zde nenastavuje.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Techno

• Logo: doporučený rozměr 200 x 60 px, maximálně 1000 x 1000 px.
• Záhlaví: se zde nenastavuje.
• Carousel: celková šířka 1418 px, s jedním sloupcem 1024 px.
• Banner vpravo: se zde nenastavuje.
• Banner vlevo: 315 px.
• Doplňkové bannery:
  • Pozice Top: šířka 453 px.
  • Pozice Střed: dva bannery – první se šířkou 433 px (360 px s levým sloupcem), druhý o šířce 905 px (719 px s levým sloupcem).
  • Pozice Zápatí: lze použít více bannerů o celkové šířce 1418 px (1078 px s levým sloupcem).
  • Pozice Kategorie: doporučujeme jeden banner o šířce 1378 px (1038 px s levým sloupcem). Lze použít i více bannerů, které v kategorii budou řazeny pod sebou.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Echo

• Logo: doporučený rozměr 387 x 100 px, maximálně 1000 x 1000 px.
• Záhlaví: doporučená velikost je 1920 x 600 px.
• Carousel: se zde nenastavuje.
• Banner vpravo: se zde nenastavuje.
• Banner vlevo: se zde nenastavuje.
• Doplňkové bannery:
  • Pozice Top: možno použít více bannerů, kdy max. součet šířek je 1175 px.
  • Pozice Střed: možno použít více bannerů, kdy max. součet šířek je 1175 px.
  • Pozice Zápatí: možno použít více bannerů, kdy max. součet šířek je 567 px.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Soul

• Logo: doporučený rozměr 580 x 120 px, maximálně 1000 x 1000 px.
• Záhlaví: celková velikost je 1160 x 201 px.
• Carousel: celková šířka 1160 px, s jedním sloupcem 870 px, s dvěma 725 px.
• Banner vlevo: maximální šířka je 275 px (pouze levý sloupec), 227 px (s oběma sloupci).
• Banner vpravo: maximální šířka je 178 px.
• Doplňkové bannery:
  • Pozice Top: lze použít více bannerů. Celková šířka 1175 px, s jedním sloupcem 885 px, s dvěma 725 px.
  • Pozice Střed: jeden banner o šířce 1175 px, s jedním sloupcem 885 px, s dvěma 725 px.
  • Pozice Zápatí: doporučujeme tři bannery, každý se šířkou 376 px (280 px s levým sloupcem). Lze použít i více bannerů, které se zobrazí řazeny pod sebou.
  • Pozice Kategorie: doporučujeme jeden banner o šířce 1175 px (911 px s levým sloupcem). Lze použít i více bannerů, které v kategorii budou řazeny pod sebou.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Rock

• Logo: doporučený rozměr 370 x 111 px, maximálně 1000 x 1000 px.
• Záhlaví: celková velikost je 1160 x 239 px.
• Carousel: jednotná velikost 1160 x 441 px.
• Banner vlevo: maximální šířka je 268 px.
• Banner vpravo: maximální šířka je 175 px.
• Doplňkové bannery:
  • tři vedle sebe na kterékoliv z pozic Top, Střed, Zápatí o velikosti 376 px, s levým sloupcem 277 px.
  • Pozice Kategorie: doporučujeme jeden banner o šířce 1175 px (878 px s levým sloupcem). Lze použít i více bannerů, které v kategorii budou řazeny pod sebou.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.

Pop

• Logo: doporučený rozměr 370 x 111 px, maximálně 1000 x 1000 px.
• Záhlaví: celková velikost je 1160 x 165 px.
• Carousel: jednotná velikost 1160 x 441 px.
• Banner vlevo: maximální šířka je 268 px.
• Banner vpravo: maximální šířka je 175 px.
• Konkurenční výhody: doporučený rozměr 150 x 150 px, poměr stran 1:1.