Как создать баннер?

Ноябрь 21st, 2012 |

Как создать баннер?

Всем привет уважаемые читатели блога Сам себе Seoшник!

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

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

Баннер представляет собой графический элемент страницы сайта, по сути своей являющийся графическим файлом формата gif, jpg либо flash. Другие форматы используют очень редко. Главным отличием баннера от обычной дизайнерской графики в том, что он является гиперссылкой, ведущей на другой сайт.

Размеры и вес баннеров

Что касается размеров баннеров, то тут не существует жестких требований. Тем не менее, есть определенные традиции. Чаще всего баннеры бывают размером 468х60. Эти размеры указаны в пикселях, и первая цифра обозначает ширину, а вторая - высоту графического изображения. Еще одним популярным размером является 88х31. Его называют также «баннер-кнопка». Он имеет небольшой вес и размеры, а также отлично подходит для обмена баннерами между рекламными площадками. Часто встречаются и изображения размером 120х60 и 100х100. Они тоже довольно удобные и могут отлично вписаться в разметку и дизайн сайта. Учитывая то, что жестких требований к размерам изображений нет, можно встретить и баннеры других размеров. Если покупка места под размещение рекламы и обмен баннерами происходит непосредственно между владельцами сайтов, размеры могут определяться на их усмотрение. В последнее время в моду вошли вертикальные баннеры, ширина которых намного меньше высоты, к примеру, 120х240.

Вес баннера - это его размер, который выражается в байтах или килобайтах. Как и в размерах, здесь жестких ограничений и требований нет. Тут все зависит от желания владельца рекламной площадки. Никто не может запретить размещать баннеры весом и в 1мб, но учитывая, сколько при этом будет загружаться страница, делать этого не стоит. Существуют некоторые негласные ограничения по весу баннеров. К примеру, изображение размером 468х60 должно весить 15-20 килобайт. Такой баннер называют «оптимизированным». Оптимизация баннера происходит за счет его сжатия при изготовлении. Часто при этом теряются его визуальные качества, но тут придется выбирать: либо фотореалистичность, отличное качество и многокадровая анимация, либо вес баннера.

Как работать с баннером и какие сервисы есть для этого?

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

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

Необходимо помнить, что после изменения какого-либо параметра, следует нажать на «Update my banner», для сохранения внесенных изменений.
В настройках сервиса можно перейти на русскоязычный интерфейс. Но учитывая, что слова были переведены машинным переводом, он не всегда корректен.
С помощью данного сервиса вы можете создавать статические баннеры формата gif, jpg и png, анимационные здесь сделать не получится.

Готовый баннер можно скачать с помощью кнопки «Download banner». Также вы можете получить код баннера, чтобы поставить его на свой сайт. Для этого необходимо нажать кнопку «Get the codes», после чего задать в верхнем поле адрес своего ресурса, кликнуть на «Update codes» и скопировать готовый код.

Еще один, но уже русскоязычный сервис – Онлайн генератор баннеров. Он был создан студией Artbanner.com.ua, которая занимается созданием профессиональных баннеров любой сложности. Данный онлайн продукт является абсолютно бесплатным.

Онлайн - генераторы баннеров

Для работы с Онлайн генератором баннеров разработчики рекомендуют использовать браузер Mozilla Firefox.
В рабочей области сервиса имеется ряд закладок. В закладке «Маркет» необходимо выбрать нужный размер баннера. Всего доступно двенадцать вариантов. Также есть возможность задать тип и цвет заливки фона. В качестве фона можно использовать и свою картинку, загрузив ее с компьютера.

Как создать свой баннер?

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

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

Готовый баннер необходимо сохранить. Для этого следует перейти в соответствующую закладку и нажать «Сохранить баннер и сгенерировать код». Далее в окне появится код вашего баннера, который нужно скопировать и вставить на своем сайте. Всеми созданными баннерами можно воспользоваться в любой момент, так как они хранятся на сервере студии Artbanner.com.ua.

Как видите, воспользовавшись онлайн-сервисами, можно самостоятельно создать свой баннер быстро и бесплатно.

Вот еще советую посмотреть видео на тему создания баннера, в нём всё чётко и ясно рассказано.