Рекламные баннеры для сайта: что это такое, каких видов и размеров они бывают

Красивый рекламный баннер для сайта: как сделать баннер для сайта онлайн. Создание баннеров для сайта

Всем привет!

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

Что такое баннер для сайта

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

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

Размеры рекламных баннеров для сайта

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

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

Чтобы было лучше понятно, вот вам подробная иллюстрация:

Красивый рекламный баннер для сайта: размеры рекламных баннеров на сайт

Виды баннеров

Баннеры обычно делят на три вида:

  • Статичные – обычная картинка, при нажатии на которую вас перенаправит на сайт рекламодателя. Считается самым легким и предпочтительным баннером, поскольку почти не влияет на скорость прогрузки страниц.
  • Анимированные баннеры для сайта – анимированная картинка, ближайший аналог – гифки.
  • Флеш-баннеры – очень сложные по части реализации, много весят, но в то же время это очень эффектные, необычные и красивые баннеры для сайта.

Онлайн конструкторы баннеров для сайта

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

Онлайн конструктов Banner Boo

Создание баннеров для сайта. Красивые анимированные баннеры для сайта

Banner Boo — Отличный ресурс с кучей шаблонов, готовых иконок и кнопок. Доступна возможность создавать статичные и анимированные баннеры для сайта. Увы, есть ограничения: бесплатно можно создать всего лишь 10 баннеров, а чтобы снять ограничения придется выложить 15 долларов (есть тестовый ознакомительный период на 7 дней).

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

Если вы не знаете, как добавить баннер на сайт, то вот вам подробная статья на эту тему.

Онлайн конструктор Crello

Онлайн конструктор баннеров для сайта. Красивые анимированные баннеры для сайта

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

Заключение

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

До новых встреч, друзья!

Понравилась статья? Поделиться с друзьями:
Блог Максима Ляшенко
Комментариев: 8
  1. Павел Коновалов

    Максим, привет. Чем пользуешься для создания картинок для сайта? Мне нравится: просто, но эффектно. Для себя никак не освою графический редактор.

    1. Максим Ляшенко (автор)

      Здравствуйте, Павел. Обычно использую связку пейнт+фотошоп. Через первый делаю скриншоты, ставлю стрелочки, указания, выделения и т.д. После обрабатываю в фотошопе, довожу до нужных габаритов, ставлю водяные знаки на миниатюру и так по мелочам шлифую.
      Я особо не учился даже работать с ними. Один вечер посидел, покопался, еще когда только создавал блог и все. Этого пока хватает. А так я больше сейчас разные курсы по созданию и продвижению сайтов штрудирую. Грызу гранит науки, как говорится. :smile:

  2. Павел Коновалов

    Ну вот картинки на главной странице, миниатюра к статье, где делаешь?
    Уже писал по-моему, при написании статье в админке ставь расположить текст по «всей ширине». Лучше смотрится.
    А остальное — оформление твое нравится.

    1. Максим Ляшенко (автор)

      Всё в фотошопе. Нахожу подходящие изображения в яндекс картинках или фотостоках. Затем, добавляю их все в фотошоп: меняю фоны, объединяю несколько картинок, обрезаю, добавляю текст и тени, подгоняю по размерам и вешаю последним слоем водяной знак — миниатюра готова. :smile: Ну а после уже подгружаю через админку и прикрепляю к статье.
      По всей ширине выглядит лучше, но многие вебмастера советую выравнивать по левому краю — так читать с компа удобнее считается. Глазу есть за что зацепиться и не теряешься, если абзацы большие и текста много. К тому же я не могу по всей ширине сделать, в редакторе есть ток по левому/правому краю и по центру :cry:

  3. Павел Коновалов

    Надо осваивать Фотошоп. Стоит на компе практически без дела. Времени нет. Сперва хочу видео освоить. Посетители будут смотреть видео на сайте, задерживаться. Улучшение ПФ.
    По поводу выравнивания слева первый раз слышу. А ты правильно понял? То что ставить статью слева, сайдбар справа — это да. А сам текст по всей ширине блока для контента.
    Есть плагин TinyMCE Advanced. Улучшает возможности визуального редактора. Да он и не один такой.

    1. Максим Ляшенко (автор)

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

  4. Павел Коновалов

    Каждый делает как считает нужным, конечно.
    А тема какая у тебя, платная? Легко грузится. У меня сначала было все норм, а после что-то … слов нет. Не менял ничего. Не знаю куда смотреть.

    1. Максим Ляшенко (автор)

      Тема платная, от wpshop — называется root. Ни разу не пожалел, что купил. У них же есть один вкусный плагин — clearfy pro. Тоже неплохо так помогает оптимизировать, защитить и облегчить сайт.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.