Rozmery bannerov, loga a záhlavia na šablónach

Táto nápoveda je venovaná popisu veľkostí jednotlivých prvkov šablón. Môžete tu nájsť veľkosti loga, záhlavia a bannerov. Jednotlivé prvky môžete vždy nájsť v príslušnej sekcii. Pre maximálne využitie priestoru a zachovanie ostrosti nahraných obrázkov odporúčame dodržať uvedené veľkosti.

Základné informácie

Logo a záhlavie nájdete v administrácii Vzhľad a obsah → Editor. Bannery sa nachádzajú pod Vzhľad a obsah → Bannery, tu sú potom rozdelené záložky Bannery (v ľavom či pravom stĺpci), Doplnkové bannery (na úvodnej stránke), Carousel (obrázky na úvodnej stránke, ktoré sa menia v čase) a Konkurenčné výhody (na úvodnej stránke, v kategóriách a v detaile produktu). Viac informácií sa dozviete v nápovede Bannery.

Technické špecifikácie

Bannery, doplnkové bannery, obrázky v carouseli, doplnkové bannery a logá môžete nahrať vo formátoch JPG, PNG, GIF a SVG. Maximálna veľkosť súboru je 2 MB.

Rozmery a technické špecifikácie produktových fotografií nájdete v článku Fotogaléria.

Zobrazovanie obrázkov

Nahrané obrázky sú pri zobrazení koncovému používateľovi prevádzané do formátu WebP, s výnimkou prípadov uvedených nižšie. Konverzia do WebP prebieha pri všetkých obrázkoch, ktoré sú umiestnené na našom CDN serveri, tzn. ich URL začína https://cdn.myshoptet.com/usr/<domena_e-shopu>/user/. Jedná sa tak prakticky o všetky obrázky, ktoré do e-shopu nahrajete, teda napr. produktových fotografií, bannerov, log, obrázkov v článkoch a pod.

Konverzia do WebP prebieha automaticky z nahraných súborov. Tie je k produktom potrebné nahrávať podľa technických špecifikácií uvedených v predchádzajúcej sekcii. Nahratie obrázkov priamo vo formáte WebP v súčasnosti nie je možné. Po konverzii zostáva prípona u názvu súboru stále rovnaká, teda napr. obrazok.jpg bude zobrazený vo formáte WebP, ale prípona bude stále .jpg.

Ku konverzii do WebP nedochádza v nasledujúcich prípadoch (pravidlá sú platné nielen pre produktové obrázky):

• prehliadač používateľa nepodporuje formát WebP
• obrázok má príponu .gif, .ico, alebo .svg
• súbor má príponu video formátu .mp4, .mkv alebo .avi
• názov súboru začína na APNG a má príponu .png – toto pravidlo slúži pre správne zobrazenie animovaných PNG (formát APNG)
• rozlíšenie obrázku je väčšie ako 75 Mpx
• konverzia obrázku do WebP nie je z neočakávaných dôvodov možná

Samba

• Logo: ľubovoľný rozmer, maximálne 1000 x 1000 px.
• Záhlavie: sa tu nenastavuje.
• Carousel: odporúčaný rozmer 1920 x 940 px (môže byť aj vyšší alebo nižší).
• Banner vpravo: sa tu nenastavuje.
• Banner vľavo: šírka 340 px, výška ľubovoľná.
• Doplnkové bannery:
  • pozícia Top: je možné použiť jeden banner o šírke 1920 px, alebo dva bannery o šírke 960 px, výška ľubovoľná. Je možné použiť aj viac bannerov o celkovej šírke 1920 px.
  • pozícia Stred: jeden banner, odporúčaný rozmer 960 x 560 px (môže byť aj vyšší alebo nižší).
  • Pozícia Zápätie: jeden banner, odporúčaný rozmer 960 x 560 px (môže byť aj vyšší alebo nižší).
  • Pozícia Kategória: odporúčame jeden banner o rozmere 960 x 560 px (môže byť aj vyšší alebo nižší). Je možné použiť aj viac bannerov, ktoré v kategórii budú radené pod sebou.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.
• Obrázok článku: odporúčaná minimálna šírka 840 px

Disco

• Logo: ľubovoľný rozmer, maximálne 1000 x 1000 px.
• Záhlavie: sa tu nenastavuje.
• Carousel: šírka bez bannerov na pozícii top 1418 px, s ľavým stĺpcom 1038 px.
• Carousel: rozmery s bannermi na pozícii top 945 x 672 px, s ľavým stĺpcom 719 x 511 px.
• Banner vpravo: sa tu nenastavuje.
• Banner vľavo 320 px.
• Doplnkové bannery:
  • Pozícia Top: odporúčame dva bannery so šírkou 473 x 336 px, s ľavým stĺpcom 335 x 253 px. Je možné použiť aj viac bannerov, ktoré budú radené po pravej strane pod sebou.
  • Pozícia Stred: je možné použiť jeden banner o šírke 1418 px (1083 px s ľavým stĺpcom), alebo dva bannery - prvý o šírke 433 px (320 px s ľavým stĺpcom) a druhý o šírke 906 px (679 px s ľavým stĺpcom).
  • Pozícia Zápätie: je možné použiť ľubovoľný počet bannerov s maximálnou šírkou 1418 px (1078 px s ľavým stĺpcom).
  • Pozícia Kategória: odporúčame použiť jeden banner so šírkou 1378 px (1038 px s ľavým stĺpcom). Je možné použiť aj viac bannerov, ktoré v kategórii budú zoradené v ďalšom rade pod sebou.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Step

• Logo: ľubovoľný rozmer, maximálne 1000 x 1000 px.
• Záhlavie: sa tu nenastavuje.
• Carousel: odporúčaná veľkosť je 1920 x 860 px (môže však byť aj nižšia).
• Banner vpravo: sa tu nenastavuje.
• Banner vľavo: 280 px.
• Doplnkové bannery:
  • Pozícia Top: odporúčame 3 bannery, odporúčaná výška 200 px.
  • Pozícia Stred: odporúčame 4 bannery s maximálnou šírkou 1418 px. Po prekročení tejto šírky budú bannery radené pod sebou.
  • Pozícia Kategória: odporúčame použiť jeden banner so šírkou 1378 px (1038 px s ľavým stĺpcom). Je možné použiť aj viac bannerov, ktoré v kategórii budú radené pod sebou.
  • Pozícia Zápätie: ľubovoľný počet bannerov s maximálnou šírkou 1398 px (1018 px s ľavým stĺpcom).
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Classic

• Logo: odporúčaný rozmer 295 x 60 px, maximálne 1000 x 1000 px.
• Záhlavie: sa tu nenastavuje.
• Carousel: šírka bez bannerov na pozícií top 1418 px, s ľavým stĺpcom 1083 px.
• Carousel: rozmery s bannermi na pozícií top 945 x 572 px, s ľavým stĺpcom 729 x 441 px.
• Banner vpravo: sa tu nenastavuje.
• Banner vľavo: 255 px.
• Doplnkové bannery:
  • Pozícia Top: 453 x 276 px, s ľavým stĺpcom 354 x 216 px. Je možné použiť aj viac bannerov, ktoré budú radené po pravej strane pod sebou.
  • Pozícia Stred: je možné použiť jeden banner so šírkou 1418 px (1123 px s ľavým stĺpcom) alebo dva bannery – prvé so šírkou 433 px (334 px s ľavým stĺpcom) a druhý so šírkou 905 px (709 px s ľavým stĺpcom).
  • Pozícia Zápätie: je možné použiť ľubovoľný počet bannerov (odporúčame 1–3) o maximálnej šírke šírke 1418 px (1123 px s ľavým stĺpcom).
  • Pozícia Kategória: odporúčame jeden banner so šírkou 1378 px (1083 px s ľavým stĺpcom). Je možné použiť aj viac bannerov, ktoré v kategórii budú radené pod sebou.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Waltz

• Logo: odporúčaný rozmer 180 x 63 px, maximálne 1000 x 1000 px.
• Obrázok v záhlaví: odporúčané rozmery sú 1920 x 392 px.
• Video v záhlaví: odporúčané rozmery sú rovnaké ako pri obrázku v záhlaví. Pokiaľ nemáte možnosť vyrobiť video v tomto neštandardnom formáte, odporúčame video vo Full HD rozlíšení.
  • Jediný podporovaný formát videa je MP4, maximálna veľkosť je 20 MB, hoci odporúčame držať veľkosti čo najmenšie (do 2 MB).
  • Videá pre vaše záhlavie môžete zadarmo stiahnuť napríklad na stránke coverr.co, alebo za poplatok zo služby Adobe Stock.
• Carousel: sa tu nenastavuje.
• Banner vpravo: 230 px.
• Banner vľavo: tu sa nenastavuje.
• Doplnkové bannery:
  • Pozícia Top: 4 bannery s rozmermi 432 x 324 px. Je možné použiť aj viacero radov bannerov.
  • Pozícia Stred: 932 px (s ľavým stĺpcom 682 px).
  • Pozícia Zápätie: odporúčame 2 bannery, ale je možné použiť aj viac bannerov o celkovej šírke 952 px (s ľavým stĺpcom 702 px).
  • Pozícia Kategória: odporúčame jeden banner so šírkou 932 px (s ľavým stĺpcom 682 px). Je možné použiť aj viac bannerov, ktoré v kategórii budú radené pod sebou.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Tango

• Logo: ľubovoľný rozmer, maximálne 1000 x 1000 px.
• Záhlavie: celková šírka je 1355 px.
• Carousel: celková šírka sa riadi šírkou vášho monitoru, teda štandardne 1920 px.
• Banner vľavo: maximálna šírka je 300 px .
• Banner vpravo: sa tu nenastavuje.
• Doplnkové bannery:
  • Pozícia Top: sa tu nenastavuje.
  • Pozícia Stred: sa tu nenastavuje.
  • Pozícia Zápätie: je možné použiť viac bannerov o celkovej šírke 1395 px (1055 px s ľavým stĺpcom).
  • Pozícia Kategória: sa tu nenastavuje.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Techno

• Logo: odporúčaný rozmer 200 x 60 px, maximálne 1000 x 1000 px.
• Záhlavie: sa tu nenastavuje.
• Carousel: celková šírka 1418 px, s jedným stĺpcom 1024 px.
• Banner vpravo: tu sa nenastavuje.
• Banner vľavo: 315 px.
• Doplnkové bannery:
  • Pozícia Top: šírka 453 px.
  • Pozícia Stred: dva bannery – prvé so šírkou 433 px (360 px s ľavým stĺpcom), druhý so šírkou 905 px (719 px s ľavým stĺpcom).
  • Pozícia Zápätie: je možné použiť viac bannerov o celkovej šírke 1418 px (1078 px s ľavým stĺpcom).
  • Pozícia Kategória: odporúčame jeden banner so šírkou 1378 px (1038 px s ľavým stĺpcom). Je možné použiť aj viac bannerov, ktoré v kategórii budú radené pod sebou.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Echo

• Logo: odporúčaný rozmer 387 x 100 px, maximálne 1000 x 1000 px.
• Pätička: odporúčaná veľkosť je 1920 x 600 px.
• Carousel: sa tu nenastavuje.
• Banner vpravo: sa tu nenastavuje.
• Banner vľavo: sa tu nenastavuje.
• Doplnkové bannery:
  • Pozícia Top: je možné použiť viacej bannerov, kde max. súčet šírok je 1175 px.
  • Pozícia Stred: je možné použiť viacej bannerov, kde max. súčet šírok je 1175 px.
  • Pozícia Zápätie: je možné použiť viacej bannerov, kde max. šírka je 567 px.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Soul

• Logo: odporúčaný rozmer 580 x 120 px, maximálne 1000 x 1000 px.
• Záhlavie: celková veľkosť je 1160 x 201 px.
• Carousel: celková šírka 1160 px, s jedným stĺpcom 870 px, s dvoma 725 px.
• Banner vľavo: maximálna šírka je 275 px (iba pravý prvok), 227 px (aj s ľavým prvkom).
• Banner vpravo: maximálna šírka je 178 px.
• Doplnkové bannery:
  • Pozícia Top: je možné použiť viac bannerov. Celková šírka 1175 px, s jedným stĺpcom 885 px, s dvoma 725 px.
  • Pozícia Stred: jeden banner so šírkou 1175 px, s jedným stĺpcom 885 px, s dvoma 725 px.
  • Pozícia Zápätie: odporúčame tri bannery, každý so šírkou 376 px (280 px s ľavým stĺpcom). Je možné použiť aj viac bannerov, ktoré sa zobrazia radené pod sebou.
  • Pozícia Kategória: odporúčame jeden banner so šírkou 1175 px (911 px s ľavým stĺpcom). Je možné použiť aj viac bannerov, ktoré v kategórii budú radené pod sebou.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Rock

• Logo: odporúčaný rozmer 370 x 111 px, maximálne 1000 x 1000 px.
• Záhlavie: celková veľkosť je 1160 x 239 px.
• Carousel: jednotná veľkosť 1160 x 441 px.
• Doplnkové bannery: tri vedľa seba o veľkosti 376 px s ľavým stĺpcom 277 px.
  • tri vedľa seba na ktorejkoľvek z pozícií Top, Stred, Zápätie o veľkosti 376 px, s ľavým stĺpcom 277 px.
  • Pozícia Kategória: odporúčame jeden banner so šírkou 1175 px (878 px s ľavým stĺpcom). Je možné použiť aj viac bannerov, ktoré v kategórii budú radené pod sebou.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.

Pop

• Logo: odporúčaný rozmer 370 x 111 px, maximálne 1000 x 1000 px.
• Záhlavie: celková veľkosť je 1160 x 165 px.
• Carousel: jednotná veľkosť 1160 x 441 px.
• Banner vľavo: maximálna šírka je 268 px.
• Banner vpravo: maximálna šírka je 175 px.
• Konkurenčné výhody: odporúčaný rozmer 150 x 150 px, pomer strán 1:1.