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 Carouselbe (galéria a főoldalon, ahol a képek váltják egymást) és Mobil carouselbe (a carousel mobiltelefonos változata). További információkat a 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 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/<domain_of_e-shop>/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 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 oldalon, vagy bizonyos összegért az Adobe Stock 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 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.