--- title: "Bannerek, logók és fejlécek méretei a sablonokon" articleId: "templateImageDimensions" lastEdited: "2024-07-22 09:01 UTC" canonical: https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/ breadcrumb: "Shoptet Támogatás / Beállítások / Megjelenés" language: hu sections: - { title: "Alapinformációk", level: 2, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#alapinformaciok" } - { title: "Műszaki jellemzők", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#muszaki-jellemzok" } - { title: "Képek megjelenítése", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#kepek-megjelenitese" } - { title: "Többtermékes sablonok", level: 2, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#tobbtermekes-sablonok" } - { title: "Samba", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#samba" } - { title: "Disco", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#disco" } - { title: "Step", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#step" } - { title: "Classic", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#classic" } - { title: "Waltz", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#waltz" } - { title: "Tango", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#tango" } - { title: "Techno", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#techno" } - { title: "Soul", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#soul" } - { title: "Rock", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#rock" } - { title: "Pop", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#pop" } - { title: "Egytermékes sablonok", level: 2, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#egytermekes-sablonok" } - { title: "Echo", level: 3, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#echo" } - { title: "Mozgó carousel mérete", level: 2, url: "https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#mozgo-carousel-merete" } --- # Bannerek, logók és fejlécek méretei a sablonokon Ez a cikk a sablonok egyes elemeinek méreteit mutatja be. Itt megtalálhatja a logók, fejlécek és bannerek méretét. Az egyes elemeket a kapcsolódó szekcióban találhatja meg. A tér maximális kihasználtsága és a feltöltött képek élességének megőrzése érdekében javasoljuk a feltüntetett méretek betartását. ## Alapinformációk A logót és a fejlécet az admin felületen belül a **Megjelenés és tartalom → Szerkesztő** menüpontjában érheti el. A bannerek a **Megjelenés és tartalom → Bannerek** alatt találhatók, és itt osztódnak a **Bannerek** fülbe (bal vagy jobb oszlopba), **Kiegészítő bannerekbe** (a főoldalon), **Vetítéses hirdetésbe**, azaz **Carousel**be (galéria a főoldalon, ahol a képek váltják egymást) és **Mobil carousel**be (a carousel mobiltelefonos változata). További információkat a [Bannerek](https://tamogatas.shoptet.hu/bannerek/) súgóban talál. ### Műszaki jellemzők A bannerek, kiegészítő bannerek, a carousel képei és a logók JPG, PNG, GIF és SVG formátumban tölthetők fel. **A fájl legfeljebb 2 MB lehet.** A termék képeinek méretei és műszaki specifikációi a [Képgaléria](https://tamogatas.shoptet.hu/kepgaleria/) cikkben található. ### Képek megjelenítése A feltöltött **képeket WebP formátumba konvertálja a rendszer, amikor megjeleníti őket a végfelhasználó számára**, kivéve az alábbiakban felsorolt eseteket. A WebP-re való átalakítás a CDN-szerverünkön tárolt összes képnél megtörténik, ami azt jelenti, hogy az URL-címük a következővel kezdődik: `https://cdn.myshoptet.com/usr//user/`. Ez gyakorlatilag az összes e-shopba feltöltött képre vonatkozik, mint például a termékfotók, bannerek, logók, cikkekben található képek, stb. A WebP-re konvertálás automatikusan történik a feltöltött fájlokból. Ezeket az előző részben említett [műszaki jellemzők](https://tamogatas.shoptet.hu/bannerek-logok-es-fejlecek-meretei-a-sablonokon/#muszaki-jellemzok) vagy az e-shop adminisztrációjában található utasítások szerint kell feltölteni. A képek közvetlenül WebP formátumban történő feltöltése jelenleg nem lehetséges. Az átalakítás után a fájl kiterjesztése változatlan marad, így például az `image.jpg` WebP formátumban jelenik meg, de a kiterjesztés továbbra is `.jpg` lesz. A WebP-re való átalakítás **nem történik meg** a következő esetekben (a szabályok minden képre vonatkoznak): * a felhasználó böngészője nem támogatja a WebP formátumot * a kép `.gif`, `.ico` vagy `.svg` kiterjesztéssel rendelkezik * a fájl videoformátum-kiterjesztéssel rendelkezik, például `.mp4`, `.mkv` vagy `.avi` * a fájlnév `APNG`-vel kezdődik, és `.png` kiterjesztéssel rendelkezik – ez a szabály biztosítja az animált PNG-k (APNG formátum) megfelelő megjelenítését * a kép felbontása nagyobb, mint 75 Mpx * A WebP-re való átalakítás váratlan okok miatt nem lehetséges ## Többtermékes sablonok ### Samba * **logó**: bármilyen méret, de legfeljebb 1000 x 1000 px * **fejléc**: itt nem állítható be * **carousel**: ajánlott méret 1920 x 940 px (lehet magasabb vagy alacsonyabb) * **banner a jobb oldalon**: itt nem állítható be * **banner a bal oldalon** : szélesség 340 px, magasság tetszőleges * **marketing bannerek:** ajánlott méret 150 x 150 px, képarány 1:1. * **további bannerek:** + top pozíció: egy 1920 px szélességű banner vagy két 960 px szélességű banner használható, bármilyen magasságban + közép, lábléc és kategória pozíció: egy banner, ajánlott méret 960 x 560 px (lehet magasabb vagy alacsonyabb) * **cikk képe**: ajánlott minimális szélesség 840 px ### Disco * **logó**: bármilyen méret, de legfeljebb 1000 x 1000 px * **fejléc**: itt nem állítható be * **carousel**: szélesség bannerek nélkül a top pozíción 1418 px, bal oszloppal 1032 px * **carousel**: méretek bannerekkel a top pozíción 945 x 672 px, a bal oszloppal 719 x 511 px * **Kiegészítő bannerek**: + **Top pozíció:** két 473 x 336 px szélességű bannert ajánlunk, bal oldali oszloppal 335 x 253 px méretet ajánlunk. Használhat több bannert is, amelyek a jobb oldalon, egymás alatt lesznek elrendezve + **Közép pozíció:** eegy 1418 px szélességű banner (1078 px a bal oszloppal) vagy két banner használható - az első 433 px széles (320 px a bal oszloppal), a második pedig 906 px (679 px a bal oszloppal) + **Lábléc pozíció:** tetszőleges számú banner használható, legfeljebb 1418 px szélességgel (1078 px bal oszloppal) + **Kategória pozíció:** egy 1378 px szélességű banner használatát javasoljuk (bal oldali oszloppal 1038 px). Használhat több bannert is, amelyek a következő sorba kerülnek egymás alá a kategóriában * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ### Step * **logó**: bármilyen méret, de legfeljebb 1000 x 1000 px * **fejléc**: itt nem állítható be * **carousel**: a javasolt méret 1920 x 860 px * **banner jobbra**: nincs * **banner balra**: 280 px * **kiegészítő bannerek**: + **Top pozíció:** ideálisan 3 banner, javasolt magasság 200 px + **Közép pozíció:** ideálisan 4 banner, maximum 1418 px szélességgel, nagyobb szélességnél a bannerek egymás alatt jelennek meg + **Kategória pozíció:** egy 1378 px szélességű banner használatát javasoljuk (bal oldali oszloppal 1038 px). Több banner is használható, melyek a kategóriában egymás alá kerülnek + **Lábléc pozíció:** tetszőleges számú banner, legfeljebb 1398 px szélességgel (1018 px bal oszloppal) * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ### Classic * **logó**: ajánlott méret 295 x 60 px, de legfeljebb 1000 x 1000 px * **fejléc**: itt nem állítható * **carousel**: szélesség bannerek nélkül a top pozíción 1418 px, bal oszloppal 1083 px * **carousel**: méretek bannerekkel a top pozíción 945 x 572 px, bal oszloppal 729 x 441 px * **2 banner jobbra a carousel mellett (top pozíció)**: 453 x 276px, bal oszloppal 354 x 216 px * **kiegészítő bannerek**: + **Középső pozíció:** egy 1378 px széles banner használható (1083 px bal oszloppal), vagy két banner, az első 433 px szélességű (334 px bal oszloppal), a második pedig 905 px széles (709 px bal oszloppal) + **Lábléc pozíció:** tetszőleges számú banner használható (1-től 3-ig javasoljuk) legfeljebb 1378 px szélességgel (1083 px bal oszloppal) + **Kategória pozíció:** egy 1378 px szélességű bannert ajánlunk (bal oldali oszloppal 1083 px). Több banner is használható, melyek a kategóriában egymás alá kerülnek * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ### Waltz * **logó**: ajánlott méret 180 x 63 px, de legfeljebb 1000 x 1000 px * **kép a fejlécben**: a javasolt méretek 1920 x 392 px * **videó a fejlécben**: a javasolt méretek megegyeznek a képpel. Ha nincs lehetősége videót készíteni ebben a nem standard formátumba, javasoljuk a Full HD felbontású videót; az egyetlen támogatott videó formátum az MP4, maximális méret 20 MB, ennek ellenére a lehető legkisebb méret ajánlott (2 MB-ig). Fejléc videót ingyenesen letölthet például a [coverr.co](http://coverr.co/) oldalon, vagy bizonyos összegért az [Adobe Stock](https://stock.adobe.com/hu/) szolgáltatáson. * **carousel**: ebben a sablonban nincs * **banner jobbra**: 230 px * **kiegészítő bannerek**: + **Top pozíció**: 4 banner, 432 x 324 px méretben + **Közép pozíció**: 932 (bal oldali oszloppal 682px) + **Kategória pozíció**: egy 932 px szélességű bannert ajánlunk (682 px bal oszloppal). Több banner is használható, melyek a kategóriában egymás alá kerülnek + **Lábléc pozíció**: 2 banner, az első 297 x 195 px, a második 615 x 195 px * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ### Tango * **logó**: bármilyen méret, de legfeljebb 1000 x 1000 px * **fejléc**: teljes szélesség 1355 px * **carousel**: a teljes szélesség olyan, mint az ön képernyője, alapértelmezett méret 1920 px * **banner balra**: maximális szélesség 300 px * **banner jobbra**: nincs jobb panel * **kiegészítő bannerek**: **Lábléc pozíció:** több banner is használható 1395 px teljes szélességben (bal oldali oszloppal 1055 px) * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ### Techno * **logó**: ajánlott méret 200 x 60 px, de legfeljebb 1000 x 1000 px * **fejléc**: itt nem állítható * **carousel**: teljes szélesség 1418 px, egy oszloppal 1024 px, bal oldalon 315 px * **banner balra**: 315 px * **kiegészítő bannerek**: + **Top pozíció:** szélesség 453 px + **Középső pozíció:** két banner - az első 433 px szélességgel (360 px a bal oszloppal), a második 905 px szélességgel (719 px a bal oszloppal) + **Lábléc pozíció:** több banner is használható 1418px teljes szélességben (bal oldali oszloppal 1078px) + **Kategória pozíció:** egy 1378 px szélességű bannert ajánlunk (bal oldali oszloppal 1038 px). Több banner is használható, melyek a kategóriában egymás alá kerülnek * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ### Soul * **logó**: ajánlott méret 580 x 120 px, de legfeljebb 1000 x 1000 px * **fejléc**: a teljes méret 1160 x 201 px * **carousel**: a teljes szélesség 1160 px, egy oszloppal 870 px, kettővel 725 px (ha a carouselnél kiegészítő bannereket szeretne, ezt a szélességet be kell tartatni, a bannerek között 15 px a távolság) * **banner balra**: maximális szélesség 275 px (csak a bal oldali oszlop), 227 px (mindkét oszloppal) * **banner jobbra**: maximális szélesség 178 px * **kiegészítő bannerek**: + Top pozíció: több banner is használható. Teljes szélesség 1175px, egy oszloppal 885px, kettővel 725px + középső pozíció: egy 1175 px széles banner, egy oszloppal 885 px, két oszloppal 725 px + lábléc pozíció, három banner - mindegyik szélessége 376 px (280 képpont bal oszloppal). Használhat több bannert is, amelyek sorban egymás alatt jelennek meg * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ### Rock * **logó**: ajánlott méret 370 x 111 px, de legfeljebb 1000 x 1000 px * **fejléc**: a teljes méret 1160 x 239 px * **carousel**: egységes méret 1160 x 441 px * **kiegészítő bannerek**: + **Középső és lábléc pozíció:** három egymás mellé 376 px méretben, bal oszloppal 277 px + **Bal pozíció:** a maximális szélesség 268 px + **Jobb pozíció:** a maximális szélesség 175 px + **Kategória pozíció:** egy 1175 px szélességű bannert ajánlunk (bal oldali oszloppal 878 px). Több banner is használható, melyek a kategóriában egymás alá kerülnek * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ### Pop * **logó**: ajánlott méret 370 x 111 px, de legfeljebb 1000 x 1000 px * **fejléc**: a teljes méret 1160 x 165 px * **carousel**: egységes méret 1160 x 441 px * **banner balra**: a maximális szélesség 268 px * **banner jobbra**: a maximális szélesség 175 px * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ## Egytermékes sablonok ### Echo * **logó**: ajánlott méret 387 x 100 px, de legfeljebb 1000 x 1000 px * **fejléc**: a javasolt méret 1920 x 600 px * **carousel**: itt nem állítható be * **banner jobbra**: itt nem állítható be * **banner balra**: itt nem állítható be * **kiegészítő bannerek**: + top pozíció (több banner lehetséges), ahol a szélességek összege legfeljebb 1175 px + középső pozíció (több banner lehetséges), ahol a szélességek összege legfeljebb 1175 px + lábléc pozíció (több banner lehetséges), ahol a szélességek összege legfeljebb 567 px * **marketing bannerek:** + ajánlott méret: 150x150px; 1:1 arány. ## Mozgó carousel mérete A képek mérete a mobilos carouselhez nincs korlátozva. Azt javasoljuk, hogy az oldalak aránya hasonlítson a négyzet alakjához. Az ilyen kép az álló mobilkészülék kijelzőjén jobban mutat, mint a széles kép. Segítségére lehet a [Google súgójában](https://support.google.com/adsense/answer/6002621?hl=hu) a bannerek méretével kapcsolatos útmutató. A carouselben a képek folyamatos váltásai miatt előnyös, ha a képek mérete és oldalaik aránya azonos.