Salut! Astăzi vreau să vă spun puțin despre ce sunt bannerele web, pentru ce sunt acestea, precum și ce dimensiuni poate avea un banner, principalele funcții și caracteristici ale acestuia. Apropo, această simplă poză-banner, din partea de sus a articolului, m-am desenat în Photoshop, în 10 minute, folosind pensule și un gradient.

Ce este un banner, cred că toată lumea știe. Dacă cineva nu știe, atunci bannerul este imagine grafică(imagine) purtare caracter promotional. Bannerele sunt adesea folosite în scop publicitar, sunt plasate pe site pentru a atrage noi clienți. Făcând clic pe aceasta publicitate are loc o tranziție către pagina web a clientului care a comandat serviciul.

Bannerele web sunt mult mai eficiente decât cele pe care le vezi în ziare, sau panouri publicitare pe stradă sau fluturașii înmânați lângă metrou. De ce? Deoarece bannerul web are o anumită adresă, trebuie doar să faceți clic o dată cu butonul mouse-ului și vă veți găsi pe resursa agentului de publicitate.

În fiecare zi, căutând prin acest sau acel site, puteți vedea bannere care reprezintă un fel de informație publicitară. Bannerele pot avea orice dimensiune, orizontale sau verticale, forme diferite si flori.

Dimensiuni banner:

De obicei, bannerele sunt folosite în format GIF, JPEG sau Flash. Imaginile cu astfel de formate pot fi statice sau animate. Imaginile JPEG și GIF pot fi realizate cu ușurință în Photoshop. Bannerele Flash sau Java sunt bune pentru că folosesc grafică vectorială, arată mult mai solide decât imaginile obișnuite, cântăresc puțin și, în plus, un banner Flash nu poate fi furat și folosit în propriile scopuri. Dar uneori eficiența unui astfel de banner poate fi enervantă dacă exagerați cu grafica sau adăugați efecte sonore.

Acum să vorbim despre standarde, adică despre dimensiunile bannerelor. Desigur, puteți face orice, dar le voi scrie pe cele mai populare, acestea sunt: ​​480x60, 400x40, 336x280, 300x250, 250x250, 240x240, 234x60, 120x60, 125x180, 125x180, 180x180, 125x180, 125x180, 250x250, 240x240, 234x60 Dar aceasta este doar o mică parte. Toate bannerele sunt specificate în pixeli.

Care sunt principalele funcții ale unui banner?

• Chiar primul și functie principala este să atragi atenția asupra ta.

• Interesează utilizatorul. Adică să trezească interesul pentru produsul promovat sau pentru un serviciu.

• Intriga. De exemplu, cu un astfel de text „Faceți clic și aflați cum să obțineți 100 USD” 🙂

• Angajați-vă în acțiune. Să facem un banner flash colorat, când treci cu mouse-ul peste el, vor apărea diverse efecte.

greutatea bannerului. Adică dimensiunea imaginii în octeți (sau kiloocteți). Nu există rame speciale aici, dar toată lumea încearcă să mențină greutatea mică. Deoarece cu o greutate mare, pagina se încarcă foarte lent și cel mai probabil vizitatorul va părăsi site-ul fără măcar să se uite la informațiile de care are nevoie.

Bannerele animate sunt foarte populare pe internet. Probabil că tu însuți ai observat că animația de pe site atrage mereu atenția decât imaginile statice obișnuite? Dar acest lucru nu trebuie exagerat. Mulți vizitatori se plâng de astfel de bannere.

De acord, și tu, cel puțin o dată, dar ai experimentat nemulțumire sau chiar furie față de un banner de dimensiunea unei jumătăți de monitor care a apărut brusc pe ecran, care clipește în culori strălucitoare și nu îți permite să citești informațiile de pe pagină până când il scoti. Și după aceasta, cred că este puțin probabil să existe dorința de a vizita din nou această resursă.

Găsirea unui echilibru în combinație cu calitatea și greutatea redusă necesită anumite cunoștințe, experiență și talent. În loc să distragi și să enervezi vizitatorul cu clipirea constantă banner publicitar, este mai ușor să-l captivezi cu un desen animat frumos folosind text minim. Unde se face publicitate o scurtă descriere a serviciilor sau produsului companiei.

Există bannere care oferă mai întâi să jucați un mic mini-joc sau să efectuați o acțiune înainte de a merge pe site-ul agentului de publicitate. Astfel de bannere sunt destul de greu de fabricat. Acestea sunt realizate folosind programe Flash și Java de către programatori și designeri.

Din ce părți este format bannerul?

• Desigur, numele și sloganul.

• Imagine, ilustrație care arată esența acestui banner publicitar.

• Culori corporative care sunt folosite pe site-ul promovat.

• Text (de exemplu, adresa, numărul de telefon).

• Text suplimentar sau anunț.

Este necesar să se țină cont de locul unde vor fi amplasate bannerele cu publicitate și de numărul acestora. Cel mai bine este dacă bannerele se potrivesc cu tema site-ului. Dacă site-ul este despre mașini, atunci pot exista astfel de bannere: „de unde să cumpărați anvelope”, sau „reducere la piese auto”, dar în niciun caz „vă vom învăța cum să pescuiți”.

Locația bannerului joacă, de asemenea, un rol important. Pe banner, care este plasat pe pagina principală, în partea de sus sau în lateral, utilizatorii sunt cel mai adesea atenți. Desigur, fiecare banner conține un hyperlink către resursa clientului în interior.

Designul bannerului depinde de subiectul resursei promovate. Dacă site-ul este distractiv, atunci, în consecință, bannerul va fi în culori strălucitoare, cu text atractiv. Diferite companii de renume, dimpotrivă, folosesc tonuri moi, neutre și acordă o mare atenție informațiilor textuale.

Salutare dragi cititori ai site-ului. Să aruncăm o privire la unele dintre cele populare astăzi. serviciu online ov pentru a crea un banner pentru site. Vom încerca să alegem cel mai bun constructor pentru lucru, care va combina funcții gratuite și o interfață în limba rusă. Să analizăm avantajele și dezavantajele lor. În următoarele articole vom vorbi despre, în care veți vedea cu exemple că folosirea editorilor online este mult mai comodă.

BannerBOO - generator de bannere html5 online

Acest editor online oferă posibilitatea creați bannere html5. Designul paginii principale dispune utilizatorul la o comunicare prietenoasă cu serviciul. Este conceput ca o pagină de destinație. Totul este intuitiv, ceea ce adaugă plusuri acestui editor.

Există două limbi principale de interfață: rusă și engleză. Puteți vizualiza exemple de bannere gata făcute făcând clic pe butonul „Galerie” sau selectați „Mai multe” pentru a afla despre capacitățile producătorului de bannere online. În plus, pe pagina de pornire, puteți face cunoștință cu planurile tarifare selectând meniul „Prețuri”, creați un banner online, citiți blogul companiei, faceți cunoștință cu șabloanele de banner html5 gata făcute.

BannerBOO oferă clienților săi două planuri de preț:

1. Gratuit. Conține restricții privind numărul de bannere create online, spațiul alocat pe cloud și așa mai departe.
2. Începutul este de 14,99 USD. Abonamentul lunar elimină toate restricțiile menționate mai sus și are o serie de avantaje incontestabile față de planul gratuit.
3. Plus. Acest plan este în curs de dezvoltare. Contine si cantitate mare oportunități de a crea un banner online.

Puteți compara mai jos posibilitățile de tarife:

Avantaje:

1. Selecție mare de șabloane gata făcute pe diverse subiecte și diferite dimensiuni
2. Plasarea unui banner în serviciul cloud. Acest lucru vă oferă acces la bannerul dvs. de oriunde în lume.
3. Adaptabilitatea este principala diferență între produsul finit al acestui serviciu și alți designeri online
4. Exportul în format PNG, abilitatea de a încărca propriile imagini, distinge BannerBoo de concurenți
5. Interfață rusă prietenoasă
6. Editor simplu încorporat

Dezavantajele creării unui banner html5 online gratuit în acest constructor:

1. Este permisă realizarea a cel mult 3 bannere
2. Spațiu limitat în cloud 100 Mb
3. Filigran de serviciu pe produsul finit
4. Pentru planul gratuit sunt oferite doar șabloane statice

bannerfans

Fani bannere () - acest editor se remarcă prin marea sa funcționalitate și ușurința în crearea unui banner. Pagina principală oferă un aspect care se va schimba de fiecare dată când modificați șablonul. Pagina de start este sumbră, dar nu am venit aici să o admirăm. Inițial, această resursă este în limba engleză, dar de-a lungul timpului a apărut suport pentru multe limbi. Alegerea limbii este în colțul din dreapta sus (indicată printr-o săgeată pe ecranul de mai jos). Vreau să observ imediat că traducerea este dezgustătoare, se pare că au fost traduse de Google translator.

Luați în considerare meniul:

1. Aspect. Alegeți dimensiunea și fundalul. Puteți încărca propriile imagini și puteți seta gradientul de culoare.
2. Text. Vă prescriem textul de care avem nevoie. Este posibil să plasați până la 6 rânduri de text. Setați fontul pentru fiecare linie, culoarea și panta literelor (0-90 de grade).
3. Impact. Setarea umbrei literelor, luminozitatea acesteia, distanța față de simbol.
4. Frontieră. Setarea cadrului.
5. Format. În ce format să salvezi.

Orice modificare a setărilor poate fi vizualizată făcând clic pe butonul „Schimbați bannerul”. Aceste butoane sunt în partea de jos a ferestrei. Aici îl puteți salva, obține codul de încorporat pe site, descărca ca fișier. Doriți să creați un nou banner, faceți clic pe „Start New” și se va deschide un nou aspect.

Dezavantaje:

1. Traducere dezgustătoare în rusă. Trebuie să ghiciți de ce este responsabilă cutare sau cutare setare.
2. Aspectul în limba rusă nu este acceptat. Când scrieți text în limba maternă, puteți obține fie un șir gol, fie hieroglife
3. Textul celei de-a doua rânduri și ale următoarelor nu se potrivește în șablon dacă specificați o altă dimensiune decât 728x90 pixeli
4. După fiecare modificare, asigurați-vă că faceți clic pe butonul. „Schimbați bannerul” sa ii vedem

Avantaje:

1. gratuit
2. Suport pentru multe limbi

canva.com

Canva () este un serviciu online pentru crearea unui banner gratuit pentru site-ul web. Pe pagina principală, vi se solicită să selectați un tip:

1. Bannere Youtube. Stil pentru Youtube
2. Dreptunghi mediu. dreptunghi din mijloc
3. Dreptunghi mare. dreptunghi bolnav
4. Bannerele Facebook. Bannerele Facebook
5. antete de e-mail. Proiectat pentru corespondență. Plasat în antetul scrisorii
6. clasament. Dreptunghi plat (întins).
7. Zgârie-nori lat. zgârie-nori larg. Convenabil de plasat în barele laterale.

În funcție de tipul selectat, vor fi oferite șabloane adecvate pentru crearea unui banner. Canva oferă mai multe opțiuni de aspect. Doar faceți clic pe unul dintre ele și va fi disponibil pentru editare. Selectați oricare dintre elementele plasate pe șablon (dublu clic pe el) și îl puteți schimba. Acest lucru este valabil atât pentru imagini, cât și pentru text.

Meniul din stânga este:

1. Aspect. Șabloane prestabilite
2. Elemente. Aici selectăm fotografii gratuite, grile, rame, forme, linii etc.
3. Text. Scriem titlul. Trei tipuri din care să alegeți marimi diferite. În plus, puteți alege tipul original de inscripții dintr-un număr mare de exemple.
4. Fundal. Specificați ce fundal sau alegeți structura imaginii.
5. Ale mele. În această secțiune este posibil să vă încărcați fotografiile, pozele

Canva.com are și funcții plătite. Pentru a modifica dimensiunea aspectului, trebuie să vă abonați pentru o lună. Costul este de 12,95%. Un an este mai ieftin. Prin plată, primești anumite beneficii. Dar chiar și fără ele puteți crea un banner gratuit online folosind funcțiile de constructor gratuite.

Avantaje:

1. Funcționalitate grozavă. Multe funcții gratuite pentru muncă cu drepturi depline
2. Interfață în limba rusă și intuitivă
3. Colaborare la proiectarea proiectului
4. La fel ca într-un editor cu drepturi depline, este posibil să anulați și să refaceți modificări
5. Distribuirea în rețelele sociale

dezavantaje:

1. Există funcții plătite (de exemplu, redimensionare), dar nu afectează foarte mult munca la proiectare.
2. Pentru a obține o perioadă de testare de 30 de zile, trebuie să plătiți pentru participarea la proiect timp de o lună.

Publicitatea este un lucru necesar pentru orice site. Doar costul instrumentelor de publicitate este mai mare decât venitul din acestea. Atunci mulți încep să fie mai înțelepți pentru a economisi măcar puțin. Pentru un astfel de „delicat” vă vom spune cum să faceți un banner.

Ce sunt bannerele

Un banner pe Internet este o imagine publicitară dreptunghiulară cu conținut static sau dinamic (animat). Un banner poate include atât text, cât și elemente grafice. Bannerul, de regulă, este prevăzut cu un link care se activează după ce faceți clic pe el cu butonul mouse-ului.

Creșterea modernă a eficienței bannerelor publicitare este asociată cu utilizarea direcționării contextuale. În același timp, pe bannerele site-ului sunt anunțate numai acele bunuri și servicii care sunt „consonante” cu tema resursei:

Ar fi bine să știi cum poți face un banner pentru site. Dar mai întâi trebuie să înțelegeți tipurile existente de bannere. Există următoarele tipuri:

• Bannerele statice - constau dintr-o imagine statica. Sunt imagini în format JPEG sau PNG. Se caracterizează prin greutate redusă, care nu afectează viteza de încărcare a paginii.
• Bannere animate - animații create folosind GIF. Constă din mai multe imagini care se înlocuiesc cu o frecvență dată. Greutatea unui banner depinde de numărul de imagini folosite în acesta.
• Flash - într-un astfel de banner, animația se bazează pe Flash. Poate răspunde la acțiunile utilizatorului.

Conținutul interactiv poate fi prezentat sub forma unui joc sau chestionar cu adăugarea de sunet. Desenele pentru animație sunt create folosind grafică vectorială.

Există multe dimensiuni diferite de banner pentru site. Dar cele mai populare sunt:

• 88 x 31 pixeli;
• 120 x 60 pixeli;
• 120 x 90 pixeli;
• 120 x 240 pixeli;
• 125 pe 125 pixeli;
• 120 x 600 pixeli;
• 160 x 600 pixeli;
• 180 x 150 pixeli;
• 234 x 60 pixeli;
• 240 x 400 pixeli;
• 250 pe 250 pixeli;
• 300 x 600 pixeli;
• 300 x 250 pixeli;
• 336 x 280 pixeli;
• 150 x 150 pixeli;
• 468 x 60 pixeli;
• 728 pe 90 pixeli.

Semne ale unui banner publicitar eficient

Eficacitatea unui banner publicitar plasat pe site depinde nu numai de popularitatea site-ului. Într-o măsură mai mare, eficacitatea sa depinde de nivelul de implementare a reclamei în sine. Un banner de înaltă calitate trebuie să îndeplinească câteva criterii de bază:

• Atrageți atenția utilizatorului - dar asta nu înseamnă că bannerul ar trebui să fie prea luminos și să clipească. O astfel de publicitate va irita vizitatorul, nu atenția. Conținutul banner-ului ar trebui să „aluzie” utilizatorului în mod discret prezența acestuia. Prin urmare, atunci când selectați o imagine și un text pentru aceasta, trebuie luat întotdeauna în considerare factorul psihologic;
• Treziți interes - bannerele pentru site ar trebui să trezească interesul utilizatorului față de obiectul reclamei. Un produs sau serviciu trebuie prezentat nu doar cu gust, ci și într-un mod original. Se încurajează folosirea spiritului ușor și a umorului:

• Stimularea de a face clic pe link-ul bannerului este realizată datorită efectului unor mistere și subestimare,
  încorporate în conținutul bannerului.
• Motivația de a comanda un serviciu sau de a cumpăra - în primul rând, depinde de conținutul bannerului publicitar. Ar trebui să arate cel mai mult cele mai bune laturi obiect de publicitate sau beneficiul pe care utilizatorul îl poate primi din achiziția acestuia.
• Dacă bannerul are scopul de a crește gradul de conștientizare a mărcii și de a-și crește imaginea, atunci conținutul publicitar ar trebui să inspire un sentiment de încredere în consumator. Dar nu provoca asocieri negative.

Modele care ar trebui luate în considerare înainte de a plasa un banner pe site:

• Cu cât bannerul este mai mare, cu atât este mai mare probabilitatea ca un utilizator să facă clic pe el. Dimensiunea cea mai eficientă este considerată a fi 240 pe 400 pixeli;
• Anunțurile banner plasate în partea de sus (în antet) au cel mai mare efect. Poate fi plasat și în partea laterală sau în jos a paginii, dar eficiența aici este oarecum mai mică;
• Bannerele animate sunt capabile să atragă rapid atenția utilizatorului - ochiul uman reacționează intuitiv la mișcare.

Crearea si plasarea unui banner publicitar

Înainte de a introduce un banner pe site, trebuie să decideți locația plasării acestuia. În acest caz, trebuie să țineți cont de dimensiunea bannerului și de spațiul liber disponibil pe pagini. Deciderea unei locații bloc de anunțuri, puteți introduce codul bannerului în html-ul paginii.

Codul majorității bannerelor se potrivește cu modelul:

• a href="/link către site-ul advertiserului" - adresa resursei către care utilizatorul dă clic pe banner;
• title="title" – textul afișat în sfatul explicativ atunci când treceți cu mouse-ul peste zona bannerului;
• target="_blank" - stabilește regulile de afișare a site-ului agentului de publicitate după ce faceți clic pe link-ul banner ("_blank" - se deschide într-o fereastră nouă);
• - interzice motoarele de căutare să prelucreze acest link;
• img src="https://www.website/wp-content/uploads/image path" - setează calea către imaginea afișată în banner;
• alt="text alternativ" - textul care va fi afișat în banner dacă imaginea acestuia nu este încărcată.

Dar nu este necesar să dezvoltați singur un banner. Pentru a face acest lucru, puteți utiliza generatoare online speciale. Pentru a genera un cod banner pentru un astfel de serviciu, trebuie să completați mai multe câmpuri și să faceți clic pe butonul:

Sau poți comanda realizarea unui banner într-un studio profesional. Atunci va costa mai mult... Iată prețurile aproximative:

• Dezvoltarea unui banner GIF obișnuit - de la 25 USD;
• Crearea unui banner bazat pe Flash - 70-150 USD;
• Redimensionare - aproximativ 50% din prețul inițial.

Dar dacă ești puțin mai inteligent, poți crea singur un banner simplu. Iată ce se întâmplă după zece minute de manipulare a codului html și a imaginii în Coreldraw:

Cod banner:

Dacă mai schimbați puțin codul și adăugați câțiva handlere de evenimente, veți obține un banner cu o imagine în schimbare. Imaginea din banner se schimbă atunci când treceți cu cursorul peste ea.

Iată ce sa întâmplat:

Exemplu de cod:

Creați bannere animate și video

Să luăm un exemplu despre cum să faci un banner animat folosind programul Ulead GIF Animator.

Din meniul Fișier, selectați Animation Wizard. În fereastra care apare, setați dimensiunea viitorului banner. În pasul următor, încărcăm imaginile pregătite:

Apoi se setează viteza de schimbare a imaginilor din animație. Într-o fereastră mică, această viteză este demonstrată prin schimbarea numerelor.

BannerBoo este un serviciu pentru crearea online de bannere HTML5 și AMP HTML. Convenabil, rapid, fără cunoștințe de programare. Toate bannerele sunt stocate în stocarea noastră în cloud și pot fi modificate în orice moment. Puteți exporta bannere în PNG, JPG, GIF-uri animate, precum și să descărcați arhive ZIP gata făcute. Doar încercați - este ușor și rapid!

Cum functioneaza?

Cine folosește generatorul de bannere?

BannerBoo este un instrument excelent pentru crearea de bannere animate HTML5 care se afișează pe orice dispozitiv (tablete, smartphone-uri etc.) Nu trebuie să știți să codificați sau să fiți animator - trebuie doar să urmați instrucțiunile, să alegeți dintre șabloane gata făcute și creați-vă bannere rapid și fără efort. Pentru profesioniști, am oferit și setări și funcții avansate.

Este posibil să descărcați BannerBoo?

Bannerul poate fi descărcat ca PNG sau JPEG. De asemenea, puteți descărca o arhivă ZIP și puteți genera un GIF. Aceste caracteristici sunt disponibile în planul plătit. Citiți mai multe despre tarife pe pagina „Planuri tarifare”.

Ce este un banner responsive?

Bannerele responsive se adaptează automat la lățimea blocului/site-ului în care se află. Ele se vor afișa întotdeauna corect și proporțional

Capacitatea de reacție poate fi activată pentru orice banner realizat în BannerBoo - trebuie doar să bifați caseta.