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

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

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

Что это такое

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

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

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

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

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