Banner készítő – webes, hirdetési és fejlécbannerek

A banner készítő egy grafikai szerkesztő, amelyben kész banner sablonokból indulsz, és a leggyakoribb webes, hirdetési és közösségi méretekre készítesz képet. A legnagyobb segítség az automatikus átméretezés: ha egy bannert megterveztél 300 × 250-ben, átválthatod 728 × 90-re vagy 160 × 600-ra, és a szerkesztő magától átrendezi a címet, a fotót és a gombot az új arányhoz. Utána már csak finomítasz.

Ha a felület, ahová a banner kerül, nem szabványos méretet kér, add meg pixelben a pontos szélességet és magasságot.

A bannerre fotót, szöveget, formákat, nyilakat és átszínezhető matricákat tehetsz, a háttér lehet szín, színátmenet, minta vagy fotó. A gomb egy lekerekített forma rajta egy rövid szöveggel; a segédvonalak és az igazító funkciók gondoskodnak róla, hogy minden elem pontosan középre vagy egy vonalba kerüljön. A szerkesztő a böngésződben fut, a képeid és a logód a gépeden maradnak.

Ha csak egyet készítesz, a 300 × 250-es közepes téglalap a legsokoldalúbb, mert asztali gépen és mobilon is sok helyre befér. A közösségi borítóképekről (Facebook, YouTube) bővebben a borítókép készítő oldalon olvashatsz.

Egy bannert egy pillantás alatt felmérnek, ezért a kevesebb itt tényleg több:

• Egy üzenet. „Őszi kertvásár – minden palánta kedvezménnyel.” Ne zsúfold bele mindazt, amit a céloldal elmond.
• Rövid, cselekvő gomb. „Megnézem”, „Jelentkezem”, „Vásárlás”. A gomb színe üssön el a háttértől; egy lekerekített téglalap forma és rajta egy szöveg már gombnak hat.
• Olvasható betűméret. A legkisebb méreteken (728 × 90, 320 × 100) csak a cím és a gomb fér el kényelmesen. Itt hagyd ki a hosszabb szöveget.
• Logó. Mentsd el a logódat a márkakészletbe, és minden bannerre ugyanoda tedd. Az átlátszó hátterű PNG-logó mutat a legjobban.
• Egységes sorozat. Ugyanaz a szöveg, ugyanazok a színek minden méretben. A márkaszínek egy kattintással alkalmazhatók a tervre.
• Fejlécnél a takarás. A LinkedIn- és X-fejléc bal alsó részére a profilkép lóg rá, oda ne kerüljön fontos szöveg.

Sok hirdetési felület korlátozza a banner fájlméretét. Ez felületenként eltér, ezért feltöltés előtt nézd meg a pontos határt annál a hálózatnál vagy weboldalnál, ahová a banner kerül.

A fotós bannerek PNG-ben könnyen nagyok lesznek, ezért hirdetéshez általában a JPG a jobb választás. Ha még így is túl nagy, egyszerűsíts: kevesebb részletű fotó vagy egyszínű, színátmenetes háttér jóval kisebb fájlt ad.

A PNG akkor jobb, ha a banner csak színes felületekből, formákból és szövegből áll, mert a betűk szélei élesebbek maradnak. Átlátszó háttérrel is mentheted, ha a bannert egy weboldal saját hátterére tennéd.

A banner a szabványos méreteknél pontosan a kért pixelméretben készül. Weboldal-fejlécnél, nagy felbontású kijelzőkre exportálhatsz két- vagy háromszoros felbontásban is, ezt a weboldal majd lekicsinyíti. Hirdetési hálózatba viszont mindig a pontos méretet töltsd fel. A banner állókép; animált bannert a szerkesztő nem készít.

Egy webshop őszi akcióját hirdeted a saját oldaladon és egy hirdetési hálózatban. Kezdd a 300 × 250-es mérettel, mert itt minden elem kényelmesen elfér:

• Felső sor: „Csak ezen a héten”
• Cím: „Őszi kertvásár”
• Szöveg: „Palánták, fűszernövények, gyümölcsfák”
• Gomb: „Megnézem”

Alkalmazd a márkaszíneidet, tedd a logót a bal felső sarokba, és igazítsd az elemeket a segédvonalakhoz. Ezután válts 728 × 90-re: a szerkesztő egy sorba rendezi az elemeket, itt a hosszabb szöveget érdemes törölni. Majd jöhet a 160 × 600 és a 320 × 100.

Minden méretet töltsd le JPG-ben, és ellenőrizd a fájlméretet. Végül a LinkedIn-oldaladra készíts egy 1584 × 396-os fejlécet ugyanazzal az üzenettel. Így a hirdetés, a céloldal és a profilod is ugyanazt a színvilágot mutatja, és a néző mindenhol felismeri a márkát.

1. Olvasható a cím a banner tényleges méretében, 100%-os nagyításon nézve is?
2. Van elég kontraszt a szöveg és a háttér között?
3. A gomb felirata egyértelmű, és a céloldal azt adja, amit ígér?
4. Belefér a fájl a felület méretkorlátjába?
5. Ha a fotón emberek vagy mások munkái vannak, megvan a jogod a hirdetési felhasználásra?