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.