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

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

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

Что это такое

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

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

Каких размеров бывают

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

Кстати, весом картинки старайтесь делать не более 150 кб. Для совсем уж здоровых — не больше 300 кб. Форматы: GIF, JPEG, PNG, SWF, FLV.

Итак, вот эти самые размеры:

  • 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
  • 100% х 250
  • 100% х 90
  • 445 х 900 — 2 баннера
  • 1920 х высота не более 1500
  • 1000 х 120

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

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

Каких видов бывают

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

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

Где можно сделать

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

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

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

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

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

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

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

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

Где взять уже готовые

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

Вот самые крупные, а так же проверенные многими вебмастерами партнерские сети:

  • EPN (она же официальная партнерка АлиЭкспресс, но тут же можно найти и кучу других онлайн магазинов)
  • Admitad (партнерка с сотнями популярных онлайн магазинов)

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

Заключение

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

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

Рейтинг
( Пока оценок нет )
Максим Ляшенко/ автор статьи

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

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

Понравилась статья? Поделитесь с друзьями:
Блог Максима Ляшенко
Комментарии: 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: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.