Создать баннер бесплатно онлайн. Обзор доступных сервисов. Конструктор бесплатных баннеров онлайн Онлайн сервис по созданию баннеров

С ростом популярности интернета появляется все больше рекламных площадок, а конкуренция становится жестче. Чтобы привлечь посетителей и потенциальных клиентов на свой сайт, необходимо пользоваться передовыми рекламными методами. Один из самых простых и популярных методов на сегодняшний день - баннерная реклама. Поэтому если вы хотите рекламировать свой продукт - без собственного баннера не обойтись.

Преимущества баннерной рекламы

Рекламный баннер для сайта представляет собой гиперссылку на страницу сайта в виде небольшого текста или графического изображения. Размещают баннеры на страницах рекламных или партнерских ресурсов. Иногда размещают и на страницах своего сайта, чтобы увеличить посещаемость определенной страницы или раздела.

Говоря о преимуществах использования баннеров, стоит подчеркнуть, что данный вид рекламы связан с низкими тратами. Изготовление баннера не требует наличия глубоких знаний, его можно сделать своими руками. Являясь ненавязчивой, баннерная реклама может быть ориентирована как на узкий, так и на широкий круг потенциальных клиентов.

Создание баннера

Зарегистироваться>>>

Убедившись в необходимости и полезности баннерной рекламы , возникает вопрос, как сделать баннер? Проще всего, обратиться к дизайнеру специалисту, который выполнит работу качественно и сэкономит личное время заказчика. Однако нынешние технологии позволяют создать баннер самостоятельно и даже в режиме онлайн.

Существует множество сайтов, которые предлагают бесплатное создание баннера по предложенным шаблонам. Самые популярные и удобные среди них: canva.com и bannersnack.com

Наиболее простым, в то же время функциональным и понятным для начинающих дизайнеров является Canva. Ресурс доступен на русском языке, интерфейс все равно интуитивно понятен. Регистрация обязательна.


Баннер создается в режиме онлайн. Генератор сделан таким образом, что результаты уже выполненных процессов по созданию баннера всегда видны. А в левой части редактора находится панель с настройками. Пользователю доступны несколько базовых разделов:

  • Шаблоны Раздел отвечает за фоны и размеры баннера. Конструктор опционально может подогнать размер выбранной картинки автоматически или предоставить данную возможность создателю баннера (вручную или из списка шаблонных размеров).
  • Фото . Здесь можно выбрать фон из списка доступных на ресурсе изображений. Их использование бесплатно.


  • Элементы. Здесь можно добавить на готовый фон разные элементы - небольшие картинки, фразы, диаграммы и т.п
  • Текст . В этом разделе можно добавить на баннер несколько текста (заголовок, подзаголовок, основной текст), каждая из которых поддается независимому редактированию. Ресурс предлагает сотни шрифтов на выбор.


  • Видео . Здесь можно добавить видео в свой баннер.
  • Фон Этот раздел предоставляет опцию выбора фонового изображения для вашего баннера.

После всех этапов обработки, баннер можно сохранить и использовать. Другие популярные ресурсы по онлайн созданию баннеров, такие как Bannersnack, работают по схожему принципу.


Здесь можно в считанные минуты создать целые комплекты статических и анимированных баннеров. Кроме единичного баннера, на ресурсе есть генератор комплектов баннеров - эффективное решение для создания сразу нескольких нужных баннеров. Сервис использует технологию искусственного интеллекта и позволяет существенно экономить время.


Алгоритм работы следующий:

  1. Выбор размера.
  2. Создание основы баннера (с нуля или по имеющимся статичным и анимированным шаблонам)
  3. Персонализация дизайна - редактирование заголовков и текста, фона или любых элементов.
  4. Экспорт баннеров на любую платформу. Генератор баннеров подходит для основных рекламных платформ: Google Display Network, AdRoll, ReTargeter.

Регистрация на ресурсе обязательна. Пользоваться им можно бесплатно, но чтобы использовать все возможности, необходима премиум-подписка. Bannersnack работает с 2008 года и доступен на нескольких языках, включая русский.

Смотрите видео по теме:

Как начать зарабатывать на партнерских программах 💵 Бесплатный практикум по заработку на партнерках для новичков и тех, кто уже в теме 😉.

Зарегистироваться>>>

Статичный баннер готов, но есть возможность анимировать его, сделав более заметным и привлекательным. Для этого существует удобный ресурс Gifovina. Предварительно создайте несколько разных картинок на сайте Canva, после чего загрузите их в формате GIF на сайт Gifovina. Ресурс предложит несколько настроек, в которых можно отрегулировать скорость анимации, выбрать необходимые фоны, добавить немного эффектов, после чего анимированный баннер доступен для сохранения.

Весь процесс занимает немного времени и понятен даже начинающим. Хотя качество будет хуже, чем у профессиональных дизайнеров, которые пользуются сложным графическим софтом, но результат получается вполне приемлемый для первых шагов по раскрутке сайта.

Об эффективности баннера и о партнерских программах

Когда с графической составляющей покончено, остается вопрос, как сделать баннер эффективным ? Чтобы реклама была успешной, важно помнить о некоторых нюансах:

  1. На частоту переходов по баннеру влияет его расположение, то есть он должен быть на видном месте (верх страницы), лучше всего на главной странице сайта.
  2. Баннер будет смотреться выгоднее на странице с голым текстом, чем на исключительно рекламном ресурсе, где он может затеряться среди других ссылок.
  3. Главное в баннере - текст, именно он привлекает будущих покупателей больше, чем любые анимационные эффекты.
  4. Рекламировать контент своего сайта нужно на ресурсах со схожей тематикой, чтобы привлекать целевую аудиторию, а лучше всего - найти подходящую партнерскую программу.

Таким образом, заказчик, разместивший баннер своего сайта на партнерскую программу, точно знает, сколько и за что он платит. Дешевле всего обойдутся клики и переходы, однако отдача от такой рекламы минимальна. Более эффективным вложением средств считается плата за действие (подразумевается регистрация, подписка на рассылку новостей сайта и т.п.), так как потенциальный клиент гораздо сильнее вовлечен в процесс. Такой вид рекламы подойдет для сайтов услуг и онлайн-игр. Читайте про лучшие СРА-партнерки.

Если сайт занимается реализацией физических товаров, то лучшее решение - использовать партнерскую программу, которая согласится разместить баннер за процент от продаж.

Существуют также многоуровневые партнерки с развитой реферальной сетью, где выплаты происходят согласно иерархии.

Подводя итог, можно сказать, что баннерная реклама остается популярной и эффективной среди пользователей рунета. Хотя этот вид рекламы совсем не нов, он доказал свою состоятельность и продолжает пользоваться спросом. Если у вас нет возможности нанять специалистов, чтобы сделать баннер, вы можете создать его самостоятельно на онлайн-ресурсах. Для этого не требуется быть дизайнером: простое изображение под силу создать даже новичку.

2 голоса

Доброго времени суток, уважаемые читатели моего блога. Продолжаем говорить о том, как заставить свой сайт работать. Не так давно я писал о контекстной рекламе в целом и в частности. Этот способ чуть больше подходит для молодых проектов нежели Яндекс Директ.

Сегодня же я расскажу немного о другом методе баннерной рекламы. Речь пойдет не о контексте, но чем-то приближенной. Этот способ заработка элементарен до безобразия и более прибылен.

Вы сможете получать деньги даже если только вчера открыли свой сайт и на него заходит всего 5 человек. Я расскажу как сделать баннер на сайт и дать шанс молодому проекту приносить в разы больше денег.

Приступим?

Сервис для создания баннеров

Онлайн сервис bannerovich прекрасно подойдет для новичка. Он немного сложен, не в плане технологии, а процесса получения самого баннера в первый раз. Тем не менее результат, который вы получите в итоге очень даже неплох, а эта статья поможет разобраться со всеми нюансами.

Самое замечательное, что вы можете пользоваться им совершенно бесплатно и . Он позволит создавать даже анимированную рекламу, намного проще фотошопа и более чем идеально подходит для новичка.

Ну что ж, давайте начнем.

Первое, что вам нужно сделать, зайти на сайт Bannerovich и перейти в конструктор баннеров. Будьте внимательны, не редактор, а именно конструктор.

Теперь вводите название проекта. Задайте ширину и высоту баннера, можно при помощи ползунков над кнопкой «Создать баннер» или ввести цифры в по бокам визуального эскиза. Обратите внимание, что представлен он здесь не в полном размере, а всего лишь с сохранением пропорций. Мой результат будет в несколько раз больше.

Вот так выглядит панель редактора. Здесь есть возможность добавить фон, изображение, кнопку, текст или анимацию.

Начинается все с фона, так как он располагается в самом низу. После того как вы нажмете на эту кнопку перед вами появится множество вариантов, из которых вам предстоит выбрать наиболее подходящий.

Изображения хранятся в одноименной категории и «Разное». Тут есть всякие картинки с подарками, векторными человечками, стрелками и так далее. Выбирайте и при помощи мыши перетаскивайте в нужное место. Я добавил человечка. Если вы передумали использовать какой-то элемент, щелкните по нему и в правом верхнем углу рисунка появится кнопка «Удалить».

Теперь вы можете добавить кнопку. Нажмите на этот элемент, я расскажу более подробно о его функциях.

С основными настройками думаю, что проблем не возникнет. Наверняка вы и сами разберетесь с тем, что такое верхний и нижний цвет, вкругление углов и текст. Я хочу поговорить про Open Link Tab. Так как сама кнопка не анимированная, сменяются только изображения в заданное время, то я рекомендую вам не ставить на нее линк, а использовать ссылку для всей картинки.

В этом случае не будет разницы нажмет посетитель проекта именно на кнопку или в любом другом месте картинки, он попадет именно туда, куда вам нужно. Просто ничего не трогайте в этой графе.

Теперь можете добавить текст. Здесь тоже нет ничего сложного.

Если вы хотите сделать баннер анимированным, то щелкните на «Добавить анимацию», полностью или частично поменяйте рисунок, а затем снова нажмите «Добавить анимацию». Появится еще один кадр. Вы можете добавлять множество кадров, они будут сменять один другой.

Теперь вам нужно щелкнуть на «Получить баннер».

Появится вот такая незамысловатая форма. Введите адрес своей электронной почты и нажмите «Получить баннер» Дождитесь, когда на почту придет письмо, у меня оно почему-то постоянно уходило в спам. Введите этот код и снова «Получить баннер».

Теперь на вашу почту автоматически должно прийти еще одно письмо с поздравлением, что вы сделали свой первый рекламный баннер, а также пароль от личного кабинета и логин. Введите их, и переходите в «Мой кабинет».

Обратите внимание, что если у вас стоит для этого сайта, вам придется его отключить, иначе вы не увидите свой проект. Выключите его, затем еще раз тыкните на «Мой кабинет».

Чуть ниже появится вам проект и html код, который будет нужно добавить на сайт. Скопируйте его.

Как добавить баннер на все страницы

Откройте и зайдите во вкладку «Внешний вид – Виджеты».

Здесь вы увидите доступный виджет «Текст» переместите его в основную колонку, содержимого или область подвала. От этого зависит в боковой панели, нижней или основной расположится баннер. Попробуйте разные варианты.

Кстати, куда именно вы поместите этот виджет, там он и расположится визуально. Если над «Поиском», как я, то картинка встанет над этой панелью. Если под «Рубрики», то… ну вы поняли.

Вставьте скопированный текст в «Содержимое» и поменяйте информацию в кавычках после «a href» здесь должна быть ссылку, куда будет вести ваш баннер. Измените также текст в кавычках после title. Это добавит вашу подсказку. Сейчас она будет выглядеть, как «Баннер сделан на Баннерович».

Вот так у меня получилось в итоге, после всех изменений.

На всех страницах сайта теперь у меня появился этот рисунок.

Добавляем баннер в записи

Если вы хотите вставить картинку в конкретную статью, то откройте категорию «Записи», а затем выберите ту, в которую хотите добавить картинку или создайте новую.

Откройте вкладку «Текст» в правой верхней части поля ввода информации, вставьте html код, измените ссылку и заголовок. Если после этого вы снова откроете «Визуально», то увидите картинку. Ее можно окружить нужным вам текстом.

Готово. Вот так мой баннер.

Надеюсь, вам удалось все сделать самому и проблем при регистрации не возникло. Если что – оставляйте свои комментарии к этой статье. Будем разбираться вместе. Кстати, в моем блоге вы можете прочитать еще для сайта. Они будут чуть менее красивые, зато исключительно html.

Кстати, создание баннеров – это уже хороший способ делать деньги. Могу предложить вам курс «Как заработать, создавая баннеры ». Это хобби может приносить от 30 000 рублей в месяц. Главное найти хорошего клиента и знать кое-какие нюансы, позволяющие увеличить количество кликов по картинке.

Ну а если вы до сих пор не знаете что именно продавать или хотите найти новые, более прибыльные каналы, могу предложить вам запись вебинара о партнерских программах . Здесь вы найдете две эффективные стратегии, формулу увеличения заработка, а также научитесь делать копии продающих страниц и делать деньги практически из ничего.


Подписывайтесь на рассылку моего блога и совсем скоро я научу вас быстро и с пользой работать в фотошопе, дам 10 советов, которые помогут создавать проекты, продающие в два раза чаще и расскажу несколько секретов топовых дизайнеров.

До новых встреч и удачи в ваших начинаниях.

На русском языке в онлайн режиме - довольно актуальная проблема для организаций или частных лиц, которые занимаются продажей чего-либо или распространением собственных услуг через интернет. Подобные инструменты с каждым днем становятся все более востребованы и на это есть ряд объективных причин.

Традиционный метод получения в свое распоряжение рекламных баннеров и его недостатки

Многие люди ошибочно полагают, что программы для создания индивидуальных рекламных баннеров для своих сайтов очень тяжелы в освоении, поэтому отказываются от поиска подобных сервисов, предпочитая два варианта решения их проблемы:

  • Обращение к сторонним специалистам, которые предлагают создать подобный элемент. Главный недостаток этого варианта - необходимость платить деньги за услуги человека, которые можно было бы потратить более эффективно.
  • Заключение сотрудничества с различными рекламными сетями . К примеру, с профильными сервисами от Яндекс или Google. Недостатки варианта: ограниченные возможности по созданию индивидуальных, оригинальных баннеров, а также необходимость оплачивать услуги подобных компаний.

Существует ли альтернатива? Есть ли возможность получить в свое распоряжение действительно оригинальный продукт и сэкономить бюджет на его создании?


Почему создание рекламного баннера для сайта через онлайн сервис bannerboo.com выгодно

Актуальности именно этого варианта способствует целый ряд факторов:

  • Получение возможности для создания рекламных баннеров через онлайн сервис для своего сайта полностью бесплатно . Естественно, с некоторыми ограничениями.
  • Легкость и простота функционала программы, в которой легко разберется абсолютно любой человек, даже если у него отсутствуют навыки дизайнера или программиста.
  • Возможность создания действительно полностью индивидуальных элементов , которые гарантированно заставят обратить на себя внимание представителей целевой аудитории рекламируемого ресурса.

Кроме того, не стоит забывать и о реальной экономии денежных средств:

  • При заказе подобного инструмента через рекламную сеть приходится платить не только сайту, на котором будет размещена реклама, но и размещающему сервису.
  • Создание собственными руками позволит исключить из этой цепочки рекламные сети и работать со своими партнерами напрямую.

Еще одна возможность, которую предоставляет именно этот вариант создания рекламных баннеров в онлайн режиме, заключается в том, что красиво оформленные ссылки можно применять и на страницах собственного сайта. То есть, красиво оформить внутренние ссылки или предложения партнерских ресурсов, что в разы может повысить их эффективность.


Особенности работы с онлайн сервисом по созданию рекламных баннеров bannerboo.com

Чтобы создать в онлайн режиме рекламный баннер или его макет для своего сайта на русском или иностранном языке, не требуется много времени и глубоких профильных знаний. На самом деле все очень просто и интуитивно понятно, если воспользоваться предложениями сервиса bannerboo.com:

1. Регистрация в онлайн сервисе

Этот этап крайне необходим для получения возможности работать с программой. Представители bannerboo.com максимально упростили его, поэтому на регистрацию потребуется затратить всего несколько секунд своего времени:

  • Можно банально привязать собственный аккаунт к личному профилю из соцсети .
  • Можно пройти регистрацию через предоставленный электронный ящик - ответить на полученную ссылку и все.


2. Выбор пакета

На данный момент доступно два варианта: бесплатный и премиум . За второй потребуется заплатить 14.99 долларов, что даст возможность целый месяц пользоваться всеми инструментами данного сервиса без ограничений.

Естественно, что премиум-аккаунт дает целый ряд преимуществ :

  1. Возможность создавать неограниченное количество рекламных баннеров для ютуба или своего сайта, тогда как в бесплатной версии можно изготовить всего три штуки.
  2. Отсутствие на полученных элементах надписи о копирайте сервиса, что повышает их индивидуальность.
  3. Доступны анимированные шаблоны . В бесплатном варианте - только статические.
  4. Доступ к анимированному клипарту и возможность сортировать полученные баннеры по отдельным папкам.

Создать рекламный баннер для сайта через онлайн сервис bannerboo.com - очень просто

После прохождения регистрации и выбора тарифа можно приступать непосредственно к работе с программой:

  1. Перейти в свой профиль и создать новую компанию (для премиум-аккаунта).
  2. Следующий шаг - выбор уже готовых шаблонов (статические и анимированные) или полностью индивидуального варианта.
  3. Если человек решил остановиться на создании совершенно нового элемента, то ему необходимо будет подобрать его размер .
  4. Откроется рабочее окно программы , где, кстати, также можно изменять размеры создаваемого баннера.


  • Выбрать желаемую картинку и перенести ее в рамки будущего баннера.


  • В специальную строку вставить ссылку, на которую будет переводить этот элемент при нажатии на него со стороны пользователей.


Типы баннеров

  1. Статический (jpeg, png)– простое изображение, в котором нет анимации.
  2. GIF-баннер (динамичный) – используется несколько изображений, которые последовательно сменяют друг друга. Что-то вроде мини-рекламного ролика на 5 секунд.Для его создания используется несколько картинок, чтобы создался эффект плавности движения. Но желательно, чтобы размер не превышал 3-5 кб.
  3. Flash-баннеры (интерактивный) – самый востребованный тип, но и сложный для создания. Такой рекламный баннер сделать может далеко не каждый, но и цена на него соответствующая. Его создают в Adobe Flash, используя векторную графику. Желательный вес – 50-100 кб.В них можно добавить звуковые эффекты и обычно внешний вид таких баннеров намного привлекательней, чем у обычных. Кроме того, их можно создавать интерактивными (глаза следят за мышкой, при наведении меняется картинка и др.)

С теорией мы ознакомились, теперь можно перейти к самому интересному: отчего зависит ваш доход?

1. Тип баннера – понятно, что стоимость на статичный баннер и flash-баннеры будут сильно различаться. Нужно оценить временные затраты на создание разных типов и определиться с ценой.
2. Количество баннеров . Некоторые заказчики хотят сразу несколько одинаковых баннеров, но с разными размерами.
3. Наличие исходных материалов . Если заказчик дает всю нужную информацию и изображения для работы, цена существенно уменьшается. В принципе это логично, ведь ваша работа уменьшается почти вдвое.

Ориентировочные расценки*:

Статичный – от 100 рублей;
GIF-баннер – от 1000 рублей
Flash-баннер – от 2000 рублей

*Расценки указаны для тех, кто уже умеет создавать оригинальные баннеры, может показать примеры работ и имеет небольшую репутацию в этой сфере.

Рассмотрю вариант создания самого просто статического баннера – продажа инфопродукта.

Для работы нам понадобится Photoshop. Откройте и создайте новый проект (Файл-новый) с размерами поля 200х300.

После этого появится белый прямоугольник. Но просто белый фон выглядит скучно, давайте добавить яркость. Для этого можно:

  • Добавить фоном картинку (просто перетащите на поле нужную картинку);
  • Добавить один цвет;
  • Залить градиентом (один цвет переходит в другой).

Я выбираю третий вариант. Для этого нужно выбрать на панели инструментов (слева) на верхнее поле Цвета (два белых листа). Появится Палитра цветов, в которой мы можем выбрать нужный цвет.

После этого нажмите на нижний листок, который остается белым, и выберите цвет для него. Делается точно так же.

Найдите на панели инструментов Заливка, нажмите правой кнопкой мыши (ПКМ) и выберите Градиент. Теперь на белом холсте (наш баннер) проведите вертикальную линию сверху вниз. Просто нажмите наверху левой кнопкой мыши (ЛКМ) и, не отпуская ее, проведите до самого низа.

Фон готов. Теперь нужно закинуть картинку товара (или другое изображение по теме). У меня нет никаких книг и товаров для продажи, так что я поищу в интернете.

Кстати, желательно искать картинки в формате png – так вам не нужно будет отрезать лишний фон. Для этого зайдите в расширенные настройки поиска Google и выберите Формат файлов – PNG. Можно понять, что формат нужный, если вы открываете картинку, а задний фон квадратиками.

Теперь переносим картинку на наш фон. PNG-файл входит идеально, а вот обычную картинку придется обрезать. Для этого существует много способов, но самый простой – использовать Ластик. Можно использовать Волшебный ластик, если фон однотонный.

Приблизьте картинку, чтобы было лучше видно (ctrl + плюс). И ластиком стирайте лишний фон – действуйте аккуратно и почаще делайте паузы. В случае неудачи (слишком много стерли) пользуйтесь ctrl+z.

Осталось добавить надпись, которая поясняет что нужно сделать. К примеру, скачать. Создаем кнопку – найдите на Панели инструментов Прямоугольник – ПКМ – Прямоугольник со скругленными краями.

На баннере выбираем подходящее место, нажимаем ЛКМ и, не отпуская, создаем кнопку. Затем выбираем заливку, нужный цвет и потом в центр кнопки (предложат растрировать – соглашайтесь).

Когда кнопка будет окрашена в нужный цвет, нужно сделать надпись. Для этого нажмите букву Т в Панели инструментов, а потом кликните на кнопку. Появится поле для ввода текста. Укажите призывную надпись – Жми, Скачай, Забрать и т.п. Настройки шрифта (размер, стиль, цвет и т.п.) появится наверху. Когда все будет готово нажмите галочку.

Это довольно простой баннер, который можно сделать за 10-20 минут. Существует много различных эффектов и инструментов, чтобы такой баннер улучшить и сделать идеальным. Но в данной статье я это рассматривать не буду.

Как сделать рекламный баннер качественно

Но если вы совсем далеки от этой темы, лучше пройти курс Как сделать баннеры . Либо самостоятельно собирать крупицы информации в интернете, потеряв кучу времени и набив «шишки».

Электронная версия стоит всего 1270 рублей. Окупается в течении недели-месяца (зависит от вашей активности). Вы сразу получите преимущество перед другими начинающими фрилансерами.

Так вы получите конкретные советы и инструкции по созданию баннеров. А это самое главное — не придется самостоятельно разбираться в совершенно новой и не понятной сфере деятельности.

  • Введение в профессию;
  • Создание статических баннеров
  • Создание динамичных (gif) баннеров
  • Создание интерактивных (flash) баннеров

С этим курсом вы быстро освоите заработок на создании баннеров и поймете, как сделать рекламный баннер разных типов. А это все что нужно для освоения этой профессии.

Реклама — нужная вещь для любого сайта. Только стоимость инструментов для рекламы бывает выше дохода от нее. Вот тогда многие начинают мудрить, чтоб хоть немного сэкономить. Для таких «мудреных » мы и поведаем, как сделать баннер.

Что такое баннеры

Под баннером в интернете подразумевается прямоугольное рекламное изображение со статическим или динамическим (анимированным ) содержимым. Баннер может включать в себя как текст, так и графический рисунок. Баннер, как правило, снабжен ссылкой, активирующейся после щелчка по нему кнопкой мыши.


Современный рост эффективности баннерной рекламы связан с использованием контекстного таргетинга. При этом на баннерах сайта рекламируют только те товары и услуги, которые «созвучны » с тематикой ресурса:

Хорошо бы узнать, как можно сделать баннер для сайта. Но для начала нужно разобраться с существующими типами баннеров. Различают следующие их типы:

  • Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате JPEG или PNG . Характеризуются малым весом, не влияющим на скорость загрузки страницы.
  • Анимированные баннеры – анимация создана с помощью GIF . Состоит из нескольких картинок, сменяющих друг друга с заданной частотой. Вес баннера зависит от количества используемых в нем изображений.
  • Flash – в таком баннере анимация сделана на основе Flash . Она может реагировать на действия пользователя.

Интерактивное содержимое может быть представлено в форме игры или анкеты с добавлением звука. Рисунки для анимации создаются с помощью векторной графики.

Существует много различных размеров баннеров для сайта. Но самыми популярными из них являются:

  • 88 на 31 пиксель;
  • 120 на 60 пикселей;
  • 120 на 90 пикселей;
  • 120 на 240 пикселей;
  • 125 на 125 пикселей;
  • 120 на 600 пикселей;
  • 160 на 600 пикселей;
  • 180 на 150 пикселей;
  • 234 на 60 пикселей;
  • 240 на 400 пикселей;
  • 250 на 250 пикселей;
  • 300 на 600 пикселей;
  • 300 на 250 пикселей;
  • 336 на 280 пикселей;
  • 150 на 150 пикселей;
  • 468 на 60 пикселей;
  • 728 на 90 пикселей.

Признаки эффективного рекламного баннера

Эффективность рекламного баннера, размещенного на сайте, зависит не только от популярности площадки. В большей мере его эффективность зависит от уровня выполнения самой рекламы. Качественный баннер должен отвечать нескольким основным критериям:

  • Привлекать внимание пользователя – но это не значит, что баннер должен быть чересчур ярким и мигающим. Такая реклама вызовет у посетителя раздражение, а не внимание. Содержимое баннера должно ненавязчиво «намекнуть» пользователю о своем присутствии. Поэтому при подборе изображения и текста для него всегда должен учитываться психологический фактор;
  • Вызвать интерес – баннеры для сайта должны вызывать у пользователя интерес к объекту рекламы. Товар или услуга должны быть поданы не только со вкусом, но и оригинально. Приветствуется использование легкого остроумия и юмора:
  • Побуждение к переходу по ссылке баннера – достигается за счет эффекта некоторой таинственности и недосказанности,
    вложенного в содержимое баннера.
  • Побуждение к заказу услуги или покупке – прежде всего, зависит от содержимого баннерной рекламы. Оно должно показывать самые лучшие стороны объекта рекламы или ту выгоду, которую может получить пользователь от его приобретения.
  • Если баннер предназначен для повышения узнаваемости бренда и увеличения его имиджа, то рекламное содержимое должно навеивать потребителю чувство доверия. Но не вызывать при этом негативных ассоциаций.

Закономерности, которые стоит учитывать перед тем, как размещать баннер на сайте:

  • Чем больше баннер, тем выше вероятность перехода по нему пользователя. Самым эффективным размером считается 240 на 400 пикселей;
  • Наибольшим эффектом обладает баннерная реклама, размещенная сверху (в шапке ). Также она может быть размещена сбоку или внизу страницы, но эффективность здесь несколько ниже;
  • Анимированные баннеры способны быстрее привлечь внимание пользователя – интуитивно глаз человека реагирует на движение.

Создание и размещение рекламного баннера

Перед тем, как вставить баннер на сайт, нужно определиться с местом его размещения. При этом нужно учитывать размеры баннера и имеющиеся свободные места на страницах. Определившись с местом расположения рекламного блока, можно вставлять код баннера в html страницы.

Код большинства баннеров соответствует шаблону:

  • a href=»/ссылка на сайт рекламодателя» – адрес ресурса, на который приведет пользователя щелчок по баннеру;
  • title=»заголовок» – текст, отображающийся в сплывающей подсказке при наведении на область баннера;
  • target=»_blank» – задает правила отображения сайта рекламодателя после перехода по ссылке баннера («_blank»- откроется в новом окне);
  • rel=»nofollow» – запрещает поисковикам обработку этой ссылки;
  • img src=»https://www.сайт/wp-content/uploads/путь к изображению» – задает путь к изображению, отображаемому в баннере;
  • alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.

Но не обязательно разрабатывать баннер самостоятельно. Для этого можно воспользоваться специальными онлайн-генераторами. Чтобы сгенерировать код баннера на таком сервисе, нужно заполнить несколько полей и нажать на кнопку:

Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:

  • Разработка обычного GIF баннера – от 25$;
  • Создание баннера на основе Flash – 70-150$;
  • Ресайз – примерно 50% от первоначальной его цены.

Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :

Код баннера:

Если еще немного помудрить с кодом и добавить пару обработчиков событий, то получиться баннер с меняющейся картинкой. Изображение в баннере меняется во время наведения на него курсора.

Вот что получилось:

Код примера:

Создание анимированных и видео баннеров

Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .

В меню «Файл » выбираем пункт «Мастер анимации ». В появившемся окне задаем размер будущего баннера. На следующем шаге загружаем подготовленные изображения:

Затем задается скорость смены картинок в анимации. В маленьком окне эта скорость демонстрируется с помощью меняющихся цифр.