Размер баннер для вк группы: Размеры баннеров и обложек Вконтакте

Разное 

Содержание

Размеры оформления сообщества ВКонтакте ⋆ Targbox SMM

Автор TargBox На чтение 8 мин.

Мы подготовили статью, в которой Вы найдете всю информацию о размерах для оформления группы или сообщества vk. Все начиная с аватара и обложки сообщества, заканчивая новинкой 2019 года Живые обложки ВКонтакте.

Сообщество ВКонтакте – это прежде всего Инструмент Ваших продаж, именно по этой причине крайне важно подойти к оформлению вашей страницы максимально ответственно. Если Вы приходите в “офлайн” магазин и видите разбросанную на полу одежду, продавец “щелкает семки” и всем видом показывает, что Вы ему не интересны, вокруг паутина и мох, конечно Вы не будете ничего покупать в таком магазине. Такое же решение абсолютно справедливо для сообщества VK. Давайте начнем полочка за полочкой выстраивать Ваш магазин ВКонтакте. И первое что необходимо знать – размеры всех элементов сообщества.

Давайте настроим Ваше сообщество ВКонтакте

Размер аватара группы или сообщества ВКонтатке

Рекомендованный размер аватара самим ВКонтакте 200 х 500 pixel.

Мы рекомендуем загружать 400 х 1000 pixel. Это связанно с особенностью перекодирования программы обработки изображений ВКонтакте. Если задать размер больше, мы ощутимо выиграем в качестве изображения после обработки.

Вторая рекомендация – формат изображения лучше использовать .png, а не jpg.

Размеры аватара для сообщества ВКонтактеРазмеры аватара для сообщества ВКонтакте

Как установить аватар Вконтакте?

Чтобы установить аватар просто кликните на картинку с базовым аватаром VK.

Размер обложки для сообщества или группы ВКонтакте

Рекомендованный размер обложки для десктоп (ноутбука, PC) версии ВКонтакте – 1590 х 400 pixel.

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

Размеры обложки Вконтакте TargboxРазмеры обложки Вконтакте Targbox

Самый простой способ сделать правильно оформленную обложку сообщества Вконтакте – воспользоваться нашим шаблоном. Просто сохраните шаблон к себе на ноутбук и используйте его как фон в любой программе для обработке изображений. Платные программы: Photoshop – лидер на рынке, corel painter. Бесплатные программы: GIMP, Paint 3D – стандартная программа Windows 10 + Paint.NET. Или закажите разработку дизайна обложки у профессиональных дизайнеров.

Шаблон размер обложка Вконтакте от TargboxШаблон размер обложка Вконтакте от Targbox

Как установить обложку для сообщества ВКонтакте?

Чтобы установить обложку для сообщества выберите пункт Управление в правой части экрана. Откроется меню Настройки. В блоке Основная информация найдите пункт Обложка сообщества и кликните на активную ссылку добавить/управлять. В отрывавшемся блоке можно установить обложку и живые обложки для мобильного приложения ВКонтакте.

Как добавить обложку ВКонтактеКак добавить обложку ВКонтакте Как добавить обложку ВКонтактеКак добавить обложку ВКонтакте

Размеры Живые обложки для сообщества ВКонтакте.

Мы долго ждали и это произошло, VK открыл общий доступ к загрузке Живых видео обложек. На этапе тестирования данный функционал предоставлялся только сообществам награжденным знаком промитей и верифицированным сообществам. Но с конца января 2019 года все владельцы сообществ получили возможность добавлять Живые обложки в мобильные приложения ВКонтакте для IOS и Android.

Сам Контакт очень скудно указывает размеры живых обложек, рекомендованный размер живой обложки – 1080 х 1920 pixel. (ширина 1080 pixel, высота 1920 pixel.

Есть 3 варианта загрузки:

  1. Загрузить до 5 видеороликов, которые будут автоматически меняться.
  2. Загрузить до 5 изображений,которые будут автоматически заменяться
  3. Загрузить до 5 изображений, которые будут автоматически меняться, но при этом каждое изображение будет увеличиваться. (По умолчанию данная функция включена, чтобы отменить увеличение изображений снимите галочку с пункта Показывать фотографии в движении.

Если смотреть со стороны обычных пользователей, которые выкладывают истории ВКонтакте все получается круто и здорово, но если посмотреть на загрузку живых обложек со стороны сообществ мы получим, аж 6 вариантов пользовательского просмотра. Все мы любим писать условия акций большими буквами на всей предоставленной площади 😉 Давайте разбираться как правильно сделать живую обложку ВКонтакте. Данную тему мы подробно разбираем в отдельной статье, если останутся вопросы обязательно прочитайте подробную инструкцию по установке Живых обложек ВКонтакте.

Загрузка видео или фото без функции “показывать фотографии в движении”.

Давайте определим 2 состояния видимости обложки:

  • Сокращенный вид (привью) живой обложки – часть нашей обложки, которую видят пользователи когда попадают на страницу сообщества.
  • Полный / развернутый вид живой обложки – после нажатия на сокращенный вид пользователям открывается полная обложка.
Размер Живые обложки ВконтектеСокращенный вид живой обложки Размер Живые обложки ВконтектеПолный вид живой обложки

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

Правильные размеры живых обложек для вкПравильные размеры живых обложек для вк

Данный шаблон с размерами живой обложки будет полезен профессиональным дизайнерам и видеодизайнерам.

Но для рядового СММщика, все это сложно и не понятно. Поэтому мы упростили и в некотором смысле округлили все размеры и сделали Первый шаблон с размерами живых обложек ВКонтакте.

Живая обложка ВК шаблон
Живая обложка ВК шаблон

Просто скачайте шаблон с размерами Живых обложек для VK и используйте его как  BG задний фон в любом графическом редакторе. И не забудьте вступить в нашу группу ВК vk.com/targbox мы выкладываем много, по настоящему, полезного материала по SMM.

Если у Вас остались вопросы прочитайте нашу статью посвященную живым обложкам ВКонтакте.

Как установить Живую обложку для сообщества ВКонтакте?

Чтобы установить живую обложку для сообщества выберите пункт Управление в правой части экрана. Откроется меню Настройки. В блоке Основная информация найдите пункт

Обложка сообщества и кликните на активную ссылку добавить/управлять. В отрывавшемся блоке можно установить стандартную обложку и живую обложку для мобильного приложения ВКонтакте.

Для установки живой видео обложки рекомендуется загружать до 5 видео в разрешении 1080×1920. Длительность не более 30 секунд, размер файла до 30 МБ, видеокодек H.264, аудиокодек AAC.

Для установки живой обложки из изображений рекомендуется загружать до 5 изображений в разрешении 1080 × 1920 pixel.

Рекомендации от TargBox SMM ВКонтакте – размер видео 1080 × 1920 pixel не более 30 сек, контейнер mov, кодек H.264, аудиокодек ACC. Для загрузки изображений мы всегда рекомендуем использовать разрешение больше указанного, но в данном случае нужно придерживаться рекомендованного размера 1080 × 1920 pixel в противном случае изображение обрежется автоматически.

Как добавить обложку ВКонтакте Как добавить живую обложку ВКонтакте Как добавить обложку ВКонтакте Как добавить живую обложку ВКонтакте

Размер изображений для записей ВКонтакте.

Запись Вконтакте – это самый часто используемый элемент. VK предоставляет возможность оформлять запись 2 вариантами изображений.

  • Квадратное изображение для записи. Минимальный размер изображения 510 х 510 pixel.
    Мы рекомендуем использовать 1200 х 1200 pixel, формат изображения .png (мы уже запомнили, что это необходимая мера для улучшения качества постобработки ВК)
Размеры квадратного изображения для записей ВКонтактеРазмеры квадратного изображения для записей ВКонтакте
  • Прямоугольное изображение размером 510 х 765 pixel (пропорция 3:2). Targbox рекомендует изображение 1800 х 1200 pixel, формат сжатия .png
Размеры прямоугольного изображения для записей ВКонтакте
Размеры прямоугольного изображения для записей ВКонтакте

Размер обложки для статьи ВКонтакте

Статья ВКонтакте – это практически бесценный инструмент для генерации органического трафика в группу или сообщество. В инвентаре Контент маркетинга статья ВКонтакте не уступает по значимости статье на сайте или оптимизированной под поисковую выдачу странице.

Минимальный размер для обложки статьи VK – 510 х 286 pixel. Мы рекомендуем использовать изображение разрешением 1926 х 1080, формат png.

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

Размеры обложки для статьи ВКонтактеРазмеры обложки для статьи ВКонтакте

Размер обложки специального блока для внешних ссылок ВКонтакте

Если Вы решили добавить к Записи ВК ссылку на сторонний ресурс, эта ссылка будет отображаться в специальном блоке – сниппете.

Минимальный размер сниппета для внешней ссылки VK – 537 х 240 pixel. Мы рекомендуем использовать изображение разрешением 1200 х 536, формат png.

«Ну так они сами загружаются с сайтов» — скажете Вы. Только самые любознательные, кликали на иконку камеры. Именно она позволяет изменить изображение сниппета ВКонтакте.

Размеры обложки сниппета для внешней ссылки ВКонтактеРазмеры обложки сниппета для внешней ссылки ВКонтакте

Размер обложки для фотоальбома ВКонтакте

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

Минимальный размер – 1200 х 800 pixel. Важно помнить, что на обложке фотоальбома будет написано его название.

Размеры обложки для фотоальбома ВКонтактеРазмеры обложки для фотоальбома ВКонтакте

Размер изображений витрины товаров ВКонтакте

Каталог товаров в интернет магазине или вконтакте, не менее важен чем витрина в офлайн магазине. От того как вы представите товар посетителю Вашего сообщества зависит станет ли он Вашим покупателем.

Размер каталога товара ВКонтакте – 1000 х 1000 pixel.

Размеры изображений для витрины товаров ВКонтактеРазмеры изображений для витрины товаров ВКонтакте

Размер видеозаписей для сообщества ВКонтакте.

Видео ВКонтекте – отличная возможность представить Ваш товар или услугу, показать сильные стороны компании, сплоченность коллектива, донести миссию и принципы работы.

ВКонтакте рекомендует размер видео – 1280 х 720 pixel.

Таргбокс рекомендует размер видеозаписей – 1920 х 1080 pixel, контейнер mov, кодек h364.

Размер видеозаписей и видео для сообщества ВКонтактеРазмер видеозаписей и видео для сообщества ВКонтакте

Размер фото и видео для историй.

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

ВКонтакте рекомендует размер видео – 720 х 1280 pixel.

  • Хронометраж до 15 секунд,
  • Размер не должен превышать 10 мегабайт
  • Рекомендуемый видеокодек – h.264
  • Аудиокодек – AAC.

Размер для фотографий — 1080 х 1920 pixel.

Размеры Истории вконтактеРазмеры Истории вконтакте

Если статья была для Вас полезной, поблагодарите автора! Вступите в нашу группу ВК.

Редакция ТаргБокс
Размеры ВК — все размеры элементов оформления группы VK

Все кто пользуется социальной сетью ВКонтакте и ведет свою группу – просто обязаны знать размеры вк.

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

Но, не будем тянуть, сразу к делу.
Размеры для группы вк:

Размер аватарки вк (миниатюра группы)

Аватарка группы схожа с авой для профиля вк. По ней будут узнавать вашу группу.

Минимальный размер авы 200 x 200 px

Максимальный размер 200 x 500 px

Всё самое важное должно уложиться в минимальный размер, для нормального отображения на всех устройствах.

Аватарка размеры в вкАватарка размеры в вк

Размер шапки вк (обложка группы)

Шапка группы вк заставит ваш паблик выглядеть очень круто.

Размер 1590 x 400 px

Шапка группы размеры в вкШапка группы размеры в вк

У шапки есть свои ограничения по внутренним размерам (для ПК и для мобильной версии).

Об этом я подробно написал в статье как сделать меню в вк.

Живая обложка для группы вконтакте

Живая обложка – это та же шапка, только в формате видео.

Параметры 1080 х 1920 full hd

Формат MP4 (кодек h364 aac)

Размер до 30 Мб

Меню для группы ВК

Меню бывает двух разных размеров. Зависит это от варианта его размещения.

  1. В виде баннера (открывается во всплывающем окне через клик по картинке закрепленного поста)
  2. В виде закладки “Свежие новости” (открывается прямо на странице)
Меню для группы через раздел Свежие новостиМеню для группы через раздел Свежие новости

Размер Меню группы вк (в виде баннера).
Ширина 600 px. Высота по желанию.

Размер Меню (через вкладку Свежие новости).
Ширина 510 px. Высота так же – не ограничена.

Размер картинки для вк (фото для постов)

Что-бы посты не выглядели криво – нужно знать правильные размеры вк для изображений.

Минимальный размер по ширине 510 px

Высоту желательно делать тоже не больше 510 px.

Фото для поста размеры вкФото для поста размеры вк

Размер обложки фотоальбома в вк

Для фотоальбомов можно задать свою обложку (через кнопку Редактировать альбом)

Рекомендуемый размер 1200 х 800 px

Размеры для статьи в вк (поста)

Обложка для статьи 510 х 286 px

Размер сниппета вк

Сниппет это блок с инфой о странице на которую он ссылается.
Он создаётся автоматически если в окно создания новой записи или сообщения вставить ссылку.

Состоит сниппет из картинки, заголовка и описания.

При клике на сниппет вы переходите туда куда он ссылается. 

Рекомендуемый размер 537 х 240 px

Размер снипета во ВКонтактеРазмер снипета во ВКонтакте

Размер товаров в вк

Картинки товаров квадратные.

Минимальный размер 400 х 400 px

Максимальный 1000 х 1000 px

Товары размер в вкТовары размер в вк

Размер истории в вк

Размер фото для истории в вк 1080 х 1920 px 

Размер видео в истории вк 720 х 1280 px 

Размер видео для вк

Параметры видио 1280 х 720 px HD

Бонус
– все размеры одной картинкой. Скачивай себе или добавляй в закладки.

Товары размер в вк

Шутка дня:
Большому кораблю – большая торпеда

Если я что-то упустил, то напишите об этом в комментариях.

Размеры для оформления сообщества или группы ВКонтакте

Подобно девушкам, тщательно выбирающим платье, чтобы привлечь внимание и создать изначально хорошее впечатление своим вкусом должны действовать и сообщества. Ресурс должен заинтересовать уже на первых секундах, ведь в противном случае пользователь попросту уйдет к конкуренту.

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

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

Почему лучше именно изменить, а не создать с нуля?

-Это проще и быстрее, к тому же незачем изобретать велосипед.

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

Размеры ШАПКИ (Обложки) для вконтакте:

Размер стандартной обложки для ПК или ноутбука – 1590 x 400.

размеры обложки для ноутбука или персонального компьютера пкразмеры обложки для ноутбука или персонального компьютера пк

Для мобильных телефонов эти размеры аналогичны. Но разница в том что на экране мобильного телефона края обложки обрезаны до 1196 пикселей по ширине, т.е. -197px с обеих сторон. Вместе с эти нужно учитывать бар (уровень зарядки, время и т.д.) находящийся вверху экрана мобильного, поэтому отнимаем еще -83px по высоте. К этому добавляем боковые кнопки приложения, что значит еще -140px по ширине с обеих сторон.

размеры обложки для мобильныхразмеры обложки для мобильных

Таким образом безопасной зоной гарантирующей правильно отображение на ВСЕХ мобильных телефонах и планшетах — 916 x 317 пикселей. Используйте эти размеры при выборе расположения текста или иллюстраций, которые должны быть видны.

Размеры Аватара (Авы) для ВКонтаткте:

Самый минимальный размер аватарки (без обложки) который Вконтакте позволяет загружать – 200x200px, притом если по ширине горизонтальный прямоугольник не получается без обрезки, то по вертикали (высоте) можно использовать вплодь до 500px при ширине 200px. Максимальное разрешение без обрезки – 2800-7000px (всё просто..и прапорционально). Но поскольку больше 70% посетителей используют мобильную версии, настоятельно рекомендую использовать шапку (обложку) как основной акцент внимания (но не забывайте про минимальные 200x200px). Кстати, максимальный размер для миниатюры аватара — 2800x2800px.

Размеры изображения для товаров:

При создании изображения товара стоит ориентироваться на квадрат 1000x1000px. Максимум прикрепляемых картинок к одному товару – 5, включая главное.

товары вконтактетовары вконтакте

Размер изображений для записей:

Что бы по максимуму использовать доступную ширину и высоту для баннера в сообществе, берем минимум 510x510px. Особенно это правило касается ширины. Если размер взять меньше чем 510px, баннер будет сужен с правой стороны.

размер для квадратного постаразмер для квадратного поста

Для прямоугольных баннеров просто делаем высоту меньше ширины. Соотношение сторон при этом выбирайте примерно 3:2.

размер для прямоугольного постаразмер для прямоугольного поста

Размер обложки для статьи:

Для статей лучше всего использовать изображения размерами 510x286px.

Учитывайте что центральная часть будет закрыта текстом заголовка и кнопкой читать.

размер обложки для статьи вконтактеразмер обложки для статьи вконтакте

Размеры обложки для альбомов:

Когда нужно будет установить обложку для альбома, советую взять именно 1000x660px для наиболее точного и правильного отображения. При этом следует учесть, что снизу обложки находится информация о альбоме (название, количество загруженных фото) с затемнением, поэтому отступаем 170px от нижней границы будущей обложки.

размеры изображения для обложки альбомовразмеры изображения для обложки альбомов

Размеры тизерной рекламы:

Это та реклама что находится в левой колонке, по меню. Часто там рекламируют разные сайты и очень редко можно встретить сообщества (здается мне конверсия там не такая большая по сравнению с другими видами рекламы вконтакте). Итак, размера здесь только два, и они фиксированные:

145x165px и 145x85px.

размеры для тизерной рекламы вконтактеразмеры для тизерной рекламы вконтакте

Промопост с кнопкой и промопост со ссылкой на внешний источник:

Здесь так же фиксированы размеры – 537x240px.

размер промо с кнопкой или ссылкой на внешний ресурсразмер промо с кнопкой или ссылкой на внешний ресурс

Размеры карусели

Оптимальным размер картинок в карусели — 600x600px.

размеры для карусели вконтактеразмеры для карусели вконтакте

Было жутко лень рисовать графику для поста, поэтому «одолжил» у ребят из сообщества CMM.Дизайн. Они, кстати, сделали заготовки для всех типов изображений в psd формате:

Макеты для Вконтакте.zip

 

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

Продвижение в социальных сетях с упором на рентабельность рекламной кампании

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

Подпишись на рассылку и получи книгу в подарок!

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

Что это такое

Баннер — картинка с побуждением к действию (подпишись, узнай первым) или с рекламированием нового продукта (например, музыкант может написать «новый альбом уже в продаже»). Находится в закрепленной записи. Он может быть статистическим (просто картинка) и динамическим (ссылка).

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

Часто на изображении размещают:

  • специальные акции со ссылкой на сайт;
  • меню;
  • каталог товаров;
  • информацию о фирме;
  • рекламу продукта.

Примеры баннеров для группы ВК

Как поставить баннер в группе ВК

  1. Зайдите на страницу сообщества.
  2. Начните оформлять запись.

  1. Нажмите на фотоаппарат.

  1. Загрузите фотографию.
  2. Опубликуйте пост.
  3. Закрепите запись.

Фоторедакторы

Красивое оформление создается в фоторедакторах, например, Adobe Photoshop или Adobe Illustrator. Вы можете самостоятельно сделать дизайн при соответствующих навыках, либо воспользоваться услугами специалистов или фрилансеров.

Не используйте скачанные картинки с фотостоков — они обезличат ваше предложение и оттолкнут потенциального подписчика. Всегда вносите свою изюминку.

Размеры баннера в ВК для группы

  • Квадратный в закрепе — 510х510.
  • В закрепе на уровне аватарки — 510х308.

Указанные размеры — ориентир. Если картинка меньше по размеру, ее качество ухудшится, больше — часть фото не будет отображаться.

Возможно, вас заинтересует: как сделать баннер в группе ВК сверху.

Где найти готовые шаблоны

  1. Обложки ВК.
  2. You-ps.

Подводим итоги

Баннер в Вконтакте отображает в закрепленной записи каталог, специальные предложения или побуждение к действию. Он создает атмосферу в сообществе и зовет пользователя подписаться. Рекомендуемый размер — 510 на 510 пикселей.

Как сделать баннер в группе ВК: пошаговая инструкция

Практически каждый пользователь всемирной паутины зарегистрирован в какой-либо социальной сети. На просторах Рунета наиболее массовой и популярной сетью является «ВКонтакте». Ежедневно ее посещают миллионы пользователей. Такой факт не остался без внимания у многих рекламодателей и владельцев сообществ. Одним из наиболее эффективных видов объявлений на данном ресурсе оказалась баннерная реклама. Ее стали использовать в качестве инструмента для развития бизнеса, а также для информирования пользователей о событиях и мероприятиях в сообществах. Большой интерес к данной теме сподвиг нас на написание статьи, посвященной вопросу: «Как сделать баннер в группе ВК?».

Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция

Какие выбрать размеры для баннера ВКонтакте?

В социальной сети «ВКонтакте» представлены разнообразные виды графических рекламных объявлений – баннеров.

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

  1. Тематического изображения, описывающего группу, товар или услугу и т.п.
  2. Названия, содержащего, например, слоган или имя компании.
  3. Короткой записи или уникального торгового предложение – подписи.

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

  • Информацию о компании;
  • Специальные акции с размещенной ссылкой на источник;
  • Каталог товаров или услуг;
  • Меню сообщества;
  • Рекламные объявления различных товаров или услуг.

При выборе иллюстрации для графического объявления во «ВКонтакте» необходимо обладать знаниями о требуемых параметрах. В зависимости от вида баннера рекомендуют выбирать следующие размеры (в пикселях):

  • Обложка – 1590х400;
  • Аватар – 200х500;
  • Меню – 606х606;
  • Закрепленный баннер (квадратный) – 510х510;
  • Закрепленный баннер (на уровне с аватаром) – 510х308.

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

Создаем баннеры для групп ВКонтакте в редакторах

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

  • Adobe Photoshop;
  • Adobe Illustrator;
  • Movavi Photo Editor;
  • GIMP;
  • Gravit Designer;
  • Paint 3D;
  • PixBuilder Studio;
  • Photo Pos Pro и другие.

Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция

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

Теперь перейдем к созданию графического объявления для рассмотренных ранее видов баннеров VK.

Для шапки

Обложка для группы (иначе «шапка сообщества») – это горизонтальная альтернатива вертикальной аватарке из предыдущего дизайна социальной сети.

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

Рассмотрим создание графического изображения для обложки группы с использованием редактора Adobe Photoshop и кроссплатформенного сервиса Canva.

Способ 1.

  1. Скачайте и установите графический редактор на свой персональный компьютер. В нашем случае это будет Adobe Photoshop SC5.
  2. Запустите программу двойным нажатием правой кнопки мыши по ярлыку редактора.
  3. В верхней панели находим вкладку «Файл» и открываем ее.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  4. Выбираем пункт «Открыть» и указываем путь картинки будущего баннера.
  5. После того, как изображение откроется в редакторе, необходимо воспользоваться инструментом «CropTool» (кадрирование) и создать рамку 1590х400 px.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  6. Выбираем часть кадра, которая будет отображаться в «шапке» и нажимаем клавишу «Enter».Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  7. Выполнив предыдущее действие, на экране появится обрезанная картинка. По желанию Вы можете разместить на ней дополнительную информацию.
  8. Затем необходимо сохранить результат проделанной работы. Для этого выполняем следующую комбинацию действий: «Файл» – «Сохранить как…» – указываем путь, название и формат файла – «Сохранить».Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция

Способ 2.

  1. Переходим на сайт онлайн-редактора, в данном случае на www.canva.com.
  2. Проходим процесс регистрации либо входим на сервер через Google-аккаунт или профиль на Facebook.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  3. Попав на страницу редактора, вы можете самостоятельно настроить размер баннера или выбрать из предложенных вариантов.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  4. Затем перед Вами появится пустое полотно. Используя свое воображение и инструменты, расположенные в правой части экрана, создавайте собственную обложку для группы.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  5. Вы можете загрузить собственное изображение или выбрать уже готовый вариант.
  6. Чтобы сделать загруженную картинку фоном, нужно зажать левую кнопку мыши и потянуть ее вниз. Если необходимо изменить видимую область обложки, тогда кликните дважды по фону и перемещайте фотоснимок.
  7. Во вкладке «Текст» Вы можете выбрать тип надписей и шрифт для вашей «шапки».Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  8. После того, как баннер будет готов, в верхней панели нажмите на кнопку загрузки и укажите тип скачиваемого файла.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция

Установка баннера в качестве обложки группы:

  1. Авторизуйтесь в социальной сети «ВКонтакте».
  2. Откройте меню «Управление сообществом».Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  3. В блоке, размещенном в правой части экрана, перейдите в раздел «Настройки».
  4. В пункте «Обложка сообщества» нажмите кнопку «Загрузить».Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  5. Укажите путь сохраненного ранее файла и отображаемую часть изображения.
  6. Сохраните внесенные изменения нажатием по соответствующей клавише.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция

В группе

Закрепленный баннер на стене группы создается подобно рассмотренному выше принципу (создание обложки), с одним лишь отличием. Размер графического рисунка должен быть 510х510 px или 510х308 px.

Установка закрепленного баннера, осуществляется согласно следующему алгоритму действий:

  1. Заходим на страницу группы.
  2. Создаем новый пост и прикрепляем заранее оформленное в графическом редакторе изображение.
  3. Публикуем готовый пост нажатием на кнопку «Отправить».Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  4. Затем в правом верхнем углу записи находим кнопку с троеточием и кликаем по ней.
  5. Выбираем пункт «Закрепить».

Таким образом, в вашем сообществе будет размещен баннер на видном для пользователей месте.

Смежный баннер

В настоящее время все большую популярность набирают смежные баннеры. Это два или несколько отдельных снимков, которые представляют собой продолжение друг друга.

Смежными могут быть обложка сообщества и баннер. Пример такого варианта расположения приведен ниже.

Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция

Либо рекламное объявление смежное с аватаркой, как показано ниже:

Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция

Создавая такие графические изображения следует помнить о том, что для первого случая требуется совпадение снимков по левому краю, а для второго – наличие статуса в группе либо надписи и поста смещает закрепленную запись.

Для формирования смежной записи в сообществе следуйте приведенной ниже инструкции:

  1. Берем два шаблонных изображения с размерами 200х500 px и 510х308 px.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  2. Затем первое фото устанавливаем на место аватарки, а второе – на место записи.
  3. С помощью инструмента «Ножницы» или клавиши «PrtSc» делаем скрин экрана и сохраняем его на ПК.
  4. Открываем скриншот в любом графическом редакторе.
  5. В боковой панели кликаем по инструменту «CropTool» и в открывшемся окне выбираем «SliceTool».Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  6. Выделяем два шаблона.
  7. Затем делаем фон невидимым при помощи значка замка, находящегося рядом со слоем.Иллюстрация на тему Как сделать баннер в группе ВК: пошаговая инструкция
  8. Добавляем картинку и настраиваем будущую видимую область.
  9. Сохраняем иллюстрацию для web (в настройках указываем тип JPEG). Картинка сохранится в html формате и будет храниться в папке images.
  10. Затем заходим в сообщество и устанавливаем фото на свои места.
Размеры баннеров для промо-постов ВКонтакте. Какой выбрать?

Как выбрать размеры баннеров для промо-постов ВКонтакте? На связи Владимир Казаков. В последнее время специалисты в закрытых чатах, новички-таргетологи, сммщики, а также предприниматели, которые сами пробуют свои силы в промо-постах, очень часто задают вопрос «а какой нужен размер для промо-поста?». Именно поэтому, на примерах, я решил подробно описать какого формата должен быть баннер для промо-поста, чтобы он красиво и максимально объемно отображался на ПК, мобильниках и планшетах. Ну что, поехали 🙂

Для наглядного примера буду сравнивать два баннера с размерами 1280*720 и 800*525. Да, кстати, размеры и качество баннера могут быть разные — тут самое главное — пропорции. Итак, вот как такой баннер выглядит в ленте новостей на разных устройствах:

ПК — СТАРЫЙ ДИЗАЙН ВКОНТАКТЕ
 
Как видите, у баннера с размером 800*525 справа получается отступ намного больше, чем при использовании размера 1280*720. Хотя он пошире и захватывает бОльшую область для просмотра через ленту новостей. Посмотрим, как будут эти баннеры выглядеть в новом дизайне ВКонтакте.
ПК — НОВЫЙ ДИЗАЙН ВКОНТАКТЕ
  Ну что, в новом дизайне ВКонтакте оба этих размера отличаются только высотой, а ширина остается прежней. И, в отличие от старой версии ВК, справа не наблюдаем большого отступа. Зато баннер 800*525 захватывает намного бОльшую видимую область в ленте новостей, нежели размер 1280*720 — картинка выше и больше!

А теперь посмотрим как будут выглядеть эти баннеры в мобильной версии приложения ВКонтакте на IOS.

MOBILE — ЛЕНТА НОВОСТЕЙ
 Также, как и в новом дизайне ВКонтакте, размер баннера 800*525 выглядит намного больше (выше), чем баннер с размером 1280*720. А это очень большой плюс для мобильной версии, потому что область просмотра новостей там небольшая и реклама с таким размером баннера захватит бОльшую ее часть!

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

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

Так как сейчас часть аудитории «сидит» ВКонтакте через новый дизайн, а большая часть через старый, то лучше использовать размер 800*525. Да, мы пробовали и заморачивались с другими размерами, пытаясь уменьшить отступ от правого края, но он только увеличивался и наименьший отступ (с учетом бОльшего просмотра через мобайл) получился с размером 800*525.

Чтож, на этом сегодня все. Спасибо за внимание и качественных вам промо! 😉

Спасибо за внимание!