--- title: "Rozměry bannerů, loga a záhlaví na šablonách" articleId: "templateImageDimensions" lastEdited: "2024-07-22 09:01 UTC" canonical: https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/ breadcrumb: "Shoptet Podpora / Nastavení / Vzhled" language: cs sections: - { title: "Základní informace", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#zakladni-informace" } - { title: "Technické specifikace", level: 3, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#technicke-specifikace" } - { title: "Zobrazování obrázků", level: 3, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#zobrazovani-obrazku" } - { title: "Samba", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#samba" } - { title: "Disco", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#disco" } - { title: "Step", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#step" } - { title: "Classic", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#classic" } - { title: "Waltz", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#waltz" } - { title: "Tango", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#tango" } - { title: "Techno", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#techno" } - { title: "Echo", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#echo" } - { title: "Soul", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#soul" } - { title: "Rock", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#rock" } - { title: "Pop", level: 2, url: "https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#pop" } --- # 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](https://podpora.shoptet.cz/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](https://podpora.shoptet.cz/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//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í](https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/#technicke-specifikace) 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](http://coverr.co/) nebo za poplatek ze služby [Adobe Stock](https://stock.adobe.com/cz/). * **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.