Сегодня мы рассмотрим: Настоящие ценители музыки знают, что для качественного...
В последнее время специалисты в закрытых чатах, новички-таргетологи, сммщики, а также предприниматели, которые сами пробуют свои силы в промо-постах , очень часто задают вопрос «а какой нужен размер для промо-поста ?». Именно поэтому, на примерах, я решил подробно описать какого формата должен быть баннер для промо-поста , чтобы он красиво и максимально объемно отображался на ПК, мобильниках и планшетах. Ну что, поехали 🙂
Для наглядного примера буду сравнивать два баннера с размерами 1280*720 и 800*525. Да, кстати, размеры и качество баннера могут быть разные — тут самое главное — пропорции. Итак, вот как такой баннер выглядит в ленте новостей на разных устройствах:
ПК — СТАРЫЙ ДИЗАЙН ВКОНТАКТЕ
Как видите, у баннера с размером 800*525 справа получается отступ намного больше, чем при использовании размера 1280*720. Хотя он пошире и захватывает бОльшую область для просмотра через ленту новостей. Посмотрим, как будут эти баннеры выглядеть в новом дизайне ВКонтакте.
ПК — НОВЫЙ ДИЗАЙН ВКОНТАКТЕ
Ну что, в новом дизайне ВКонтакте оба этих размера отличаются только высотой, а ширина остается прежней. И, в отличие от старой версии ВК, справа не наблюдаем большого отступа. Зато баннер 800*525 захватывает намного бОльшую видимую область в ленте новостей, нежели размер 1280*720 — картинка выше и больше!
А теперь посмотрим как будут выглядеть эти баннеры в мобильной версии приложения ВКонтакте на IOS.
MOBILE — ЛЕНТА НОВОСТЕЙ
Также, как и в новом дизайне ВКонтакте, размер баннера 800*525 выглядит намного больше (выше), чем баннер с размером 1280*720. А это очень большой плюс для мобильной версии, потому что область просмотра новостей там небольшая и реклама с таким размером баннера захватит бОльшую ее часть!
Ну что, а теперь посмотрим как будет выглядеть квадратное изображение в ленте новостей! Для наглядности сделаю таблицу.
ПК — старый дизайн ВКонтакте | ПК — новый дизайн ВКонтакте | Mobile — приложение ВКонтакте |
Ну что, теперь мы наглядно убедились, что больший обзор получают картинки с размером от 800*525 и выше, приближаясь к квадратной форме. Но! не нужно забывать, что в промопостах есть еще и текст, поэтому, когда будете выбирать размер картинки, не забывайте, что для просмотра текста на различных устройствах, картинка не должна занимать все видимое пространство в ленте новостей! Это важно!
Так как сейчас часть аудитории «сидит» ВКонтакте через новый дизайн, а большая часть через старый, то лучше использовать размер 800*525. Да, мы пробовали и заморачивались с другими размерами, пытаясь уменьшить отступ от правого края, но он только увеличивался и наименьший отступ (с учетом бОльшего просмотра через мобайл) получился с размером 800*525.
Чтож, на этом сегодня все. Спасибо за внимание и качественных вам промо! 😉
Спасибо за внимание!
Каждый день социальную сеть ВКонтакте посещают миллионы людей. Чтобы акцентировать их внимание владельцы посещаемых групп используют баннеры ВКонтакте. Процесс размещения баннера на странице ВК имеет свои моменты. О том, как сделать баннер в группе ВК, рассмотрено в статье ниже. Мы рассмотрим пример эффектного баннера, а также разберём, сделать его красивым самостоятельно.
Группы с красивым дизайном всегда легче запоминаются, они вызывают большее доверие. Над дизайном своей группы следует работать, поэтому поговорим о новинках ВК.
В сообществах ВКонтакте в качестве баннерных изображений используются фотографии в закрепленных постах, обложки или аватары. Все зависит от того, как Вы оформили свое сообщество.
Давайте рассмотрим пример эффективного применения баннера. Обратимся для этого к паблику «moloko_coffee».
Здесь была использована динамическая обложка, которая находится в шапке. Ребята поставили таймер, который отсчитывал время до окончания действия розыгрыша, тем самым побуждая клиентов успеть принять участие. Также они не забыли и о визуальной составляющей.
Таким образом, данный баннер выполнил две задачи: реклама и стильное оформление группы.
Создаем баннеры для групп ВКонтакте в редакторах
Первое, что необходимодля создания баннерных фото – это умение работать в различных графических редакторах. К сожалению, сегодня без специальных навыков сделать качественное и стильное изображение будет очень сложно.
Если Вы не обладаете достаточными навыками, тогда мы можем посоветовать Вам, воспользоваться помощью профессионалов или готовыми шаблонами, о которых мы подробнее поговорим позже.
Программы, которые чаще всего используются:
- Adobe Photoshop;
- Adobe Illustrator;
- GIMP.
Это три наиболее популярных программ. Если Вы владеете навыками работы хотя бы в одной из них, то Вам не составит труда создать действительно красивый и полезный баннер.
Какие выбрать размеры для баннера ВКонтакте?
Второе, что необходимо – это знание размеров, так как все изображения во ВКонтакте и расстояния между ними имеют свои параметры, которые важно учитывать в своей работе. Их использование приведет к более качественному результату.
Исходя из того, как именно Вы будете оформлять Ваш паблик, используйте соответствующие размеры:
- Обложка – 1590 х 400 пикселей;
- Аватар – 200 х 500 пикселей;
- Закрепленный пост (квадратный) – 510 х 510 пикселей;
- Закрепленный пост (на уровне с аватаром) – 510 х 308 пикселей.
Как сделать баннер для шапки
Для начала Вам необходимо будет скачать и установить на свой компьютер одну из вышеуказанных программ. В наших инструкциях мы будем использовать программу AdobePhotoshop.
- Запустим программу.
- Откроем в ней изображение.
- Далее при помощи инструмента «CropTool»создаем рамку размерами 1590 х 400 пикселей.
- Далее выбираем отображаемую часть и нажимаем Enter. Изображение обрежется.
- Сохраняем.
Таким образом, мы получили баннер необходимого размера.
Теперь нам остается загрузить его в группу:
- Зайдите в «Управление сообществом».
- Справа выберите раздел «Настройки».
- Найдите строку «Обложка» и нажмите кнопку «Загрузить».
- Выберите файл на компьютере, а затем отображаемую часть.
- Сохраните изменения.
Процесс работы в других редакторах аналогичен.
Если Вы решили делать баннер с полного нуля (весь дизайн, стиль, текст и т.д.), тогда Вам понадобятся и дизайнерские навыки.
Как сделать закрепленный баннер в группе Вк
Создание закрепленного баннера осуществляется по тому же самому принципу, что и обложка, за исключением одного момента – рамку делаем с размерами 510 х 510 (308) пикселей.
Для добавления в паблик необходимо:
- Создать пост.
- При создании загрузить готовую картинку (баннер).
- Опубликовать пост.
- Нажать на кнопку с троеточием и закрепить его.
Таким образом, мы разместили его на самом видном месте. Вам лишь останется добавить рекламу или ссылку на меню.
Как сделать смежный баннер Вконтакте
Теперь переходим к самому сложному и интересному.
Что такое смежные изображения? Эта два или несколько отдельных фото, которые являются прямым продолжением друг друга. Таким методом оформляются не только паблики, но и профили во ВКонтакте.
Вы можете выбрать один из двух баннеров:
- Смежный Banner VK с обложкой;
- Смежный с аватаркой.
При создании первого необходимо, чтобы оба изображения совпадали по левому краю.
При создании второго варианта необходимо учитывать сразу три момента:
- Есть ли статус у группы – он смещает закрепленную часть на 10 – 20 пикселей вниз;
- Есть ли у записи текст – он также смещает фото вниз (в зависимости от размера текста);
- Хотите ли Вы, чтобы изображения заканчивались по нижнему краю на одном уровне.
Допустим, Вы решили сделать закрепленный баннер, который будет заканчиваться внизу на одном уровне с аватаром, но не учли тот факт, что есть статус, который забирает 20 пикселей. И в итоге у Вас левая фотография сместилась вниз и не сочетается справой.
Казалось бы, мелочь, но результат никуда не годиться. Поэтому, будьте внимательны.
Теперь перейдем к самому процессу создания:
- Для начала необходимо взять две заготовки: первая – 200 х 500 пикселей, вторая 510 х 308 пикселей (у Вас могут быть другие параметры).
- Далее первую мы загружаем на место аватара, вторую на место записи.
- Затем делаем скриншот.
- Загружаем скриншот в фотошоп.
- Далее кликаем второй клавишей мыши по инструменту «CropTool» и выбираем «SliceTool».
- Выделяем две области с точностью до пикселя.
- Снимаем значок замка со слоя и делаем его невидимым.
- Добавляем изображение и подгоняем его под наши рамки.
- Сохраняем файл для Веб. И в настройках выбираем формат JPEG. Он сохранится в html формате, а фото будут находиться в папке images.
- После загружаем изображения на свои места.
В итоге вот, что у нас получилось:
Выглядит довольно эффектно. Не забудьте только добавить сюда рекламу, ссылку на меню и т.д.
Готовые шаблоны баннеров ВК
Теперь рассмотрим, как сделать баннер в группе ВKонтакте без знания профессиональных редакторов, на освоение которых могут уйти месяцы. Воспользуйтесь уже готовыми решениями.
Теперь давайте поговорим о готовых шаблонах.
Во-первых, есть сайты, где можно скачать необходимых размеров любые баннеры. Это такие сайты, как:
- Vk-oblozhki.ru
- You-ps.ru
- Psd-box.at.ua
Во-вторых, Вы можете воспользоваться сервисами, где можно в режиме онлайн сделать свое стильное изображение. Здесь можно добавить текст, логотипы и т.д. Это такие сервисы, как:
- Fotor.com;
- Canva.com.
Использование подобного софта значительно упрощает процесс оформления группы.
Итог
Для создания баннеров для пабликов ВК необходимы определенные навыки работы с графическими редакторами, терпение и понимание дела.
Не стоит забывать о дизайнерской составляющей. Она очень важна. Так как любое изображение в группе не должно отталкивать пользователей, а наоборот – привлекать.
Надеемся, данная статья была для Вас полезной.
Несмотря на его сравнительно невысокие показатели CTR, многие компании продолжат вкладывать свои бюджеты в баннеры. И на это есть причины. Медийная реклама позволяет повысить узнаваемость бренда и расширить его охват.
Баннерная реклама ВКонтакте
Площадка предлагает несколько форматов продвижения, один из которых – текстово-графический блок. Отображается он только в полной версии соцсети справа.
Баннер может ссылаться на любой внешний ресурс, группу или сообщество ВКонтакте, а также приложение. Существует 3 основных вида блоков:
- Изображение и текст (145х85)
- Большое изображение (145х165)
- Продвижение сообщества (145х145)
Как создать баннер ВКонтакте
Сделать баннер можно в любом графическом редакторе. Создайте изображение подходящего размера и дайте волю фантазии.
Также можно использовать онлайн-сервисы и готовые шаблоны, благодаря которым ваш баннер будет выглядеть профессиональнее. Например, Canva или Easil.
Как разместить баннер ВК
Отметьте самый подходящий вам формат и оформите баннер.
Настройте целевую аудиторию. Чем уже будет выборка, тем больше шансов привлечь внимание заинтересованных пользователей.
Установите оплату за 1000 показов или за переходы. Выбор будет зависеть от ваших целей: повысить узнаваемость бренда или привлечь трафик? Не забудьте дать название своей кампании.
Проверьте все данные и нажмите Создать объявление. После этого в разделе Рекламные кампании вы сможете запускать и останавливать показ баннера, а также отслеживать статистику.
Примеры баннеров ВКонтакте
Создать и разместить баннер несложно, но как сделать его заметным и эффективным? Ниже мы рассмотрим 50 примеров рекламных объявлений, которые привлекают внимание.
БЕСПЛАТНО
Самое заманчивое и привлекающее внимание объявление – предложение получить что-то ценное бесплатно. Пользователи активно реагируют на это “волшебное” слово и рекламодатели этим пользуются.
ВЫЗОВ
Еще один эффективный прием – вызов: “Стань!”, “Узнай!”, “Слабо?”. Подобные формулировки мотивируют совершить действие.
ЦЕННОСТЬ
Самая очевидная стратегия привлечения трафика – рассказать о предлагаемой ценности.
ИНТРИГА
ЛИЧНЫЙ БРЕНД
На большом количестве баннеров можно увидеть лица специалистов, которые предлагают сделать вашу жизнь лучше. Эффективный прием для укрепления доверия.
ИЛЛЮСТРАЦИИ
Если личный бренд – не ваш вариант, привлеките внимание при помощи яркой иллюстрации и персонажа. Посмотрите, как это работает.
МЕМ
Первое преимущество конструктора баннеров в том, что он доступен онлайн и не требует установки дополнительного программного обеспечения. Как видно на скрине, сам сервис небольшой и не перегружен ссылками меню, кнопками управления и различных настроек. На главной странице их всего 4. Нам потребуется раздел Мои проекты и Вдохновение (Inspiration). После авторизации через Фейсбук или обычной регистрации (емейл + пароль) мы можем приступить к созданию баннера, постера или пригласительного.
Как сделать баннер
В сервисе есть все необходимые инструменты чтобы сделать баннер быстро и качественно и скачать в нужном нам формате. Доступны несколько форматов изображений готовых баннеров:JPG, PNG и PDF.
Чтобы сделать баннер, достаточно просто начать. Перейдите на сайт конструктора.
- Мы можем выбрать готовый дизайн из предложенной библиотеки готовых варантов. По сути, если нас устраивает картинка и оформление, мы можем только заменить текст на свой;
- Либо, можно начать создавать с чистого листа, задав нужный размер или выбрав из предложенных форматов (для Фейсбук, Инстаграмм, Постер и др) и загрузив в сервис свою картинку.
Выбрав нужный размер из шаблона или задав свои размеры, переходим на страницу создания баннера. Меню слева изменится и примет вид как на скрине. Теперь мы можем добавлять фотографии, бэкграунды или паттерны на задний фон из галереи или загружать свои. В остальных разделах мы сможем найти Линии, Рамки, Фигуры и прочее.
Каждый добавляемый элемент можно перекрашивать в разные цвета, менять размер, расположение и прозрачность. Текст добавляется отдельно и с ним также можно проделывать все перечисленные выше модификации. Русские шрифты есть в сервисе.
Готовый проект будет храниться в вашем аккаунте и вы сможете вернуться к редактированию когда вам потребуется. Вы сможете скачать готовый баннер или постер в любое время в формате изображения или PDF. Если у вас что-то не будет получаться, посмотрите ниже видео (звук тихий, увы так получилось), где мы попробуем сделать баннер, какой-нибудь незатейливый и скачаем его.
Для работы с конструктором лучше использовать браузер Хром, так как я заметил, что Мозиле при сохранении, не вписывается расширение.png — это решается простым переименовываением файла и добавлением нужного (в котором скачивали) точка и название (png или jpg). Вроде все.