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

Содержание

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

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

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

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

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

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


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


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

Размер стандартной обложки для ПК или ноутбука – 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


 

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

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

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

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

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

Баннер 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. Затем заходим в сообщество и устанавливаем фото на свои места.

Оформление группы ВК: размеры обложки, баннеров, рекламы, сториз, статей

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

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

Все эти элементы, оформленные в едином стиле, дают ощущение целостности дизайна.

Содержание

  1. Таблица размеров для оформления группы в ВК,
  2. Горизонтальная обложка,
  3. Аватар,
  4. Баннер,
  5. Сниппет,
  6. Обложка для статьи,
  7. Истории,
  8. Фотоальбом,
  9. Видеозаписи,
  10. Карточка товара,
  11. Промопост с кнопкой,
  12. Универсальный промопост,
  13. Боковушка большая,
  14. Боковушка маленькая,
  15. Карусель,
  16. Скачать бесплатно шаблоны psd для оформления группы

Таблица размеров для оформления группы в ВК

Размеры элементов группы
Горизонтальная обложка полноразмерная1590 х 400 px
Горизонтальная обложка в мобильном приложении1196 x 317 px
Аватар группы полноразмерный200 x 500 px
Аватар группы неполноразмерный200 х &lt,500 px
Аватар миниатюра (превью)200 x 200 px
Баннер в ленте квадратный510 x 510 px
Баннер в ленте прямоугольный510 x &lt,510 px
Сниппет537 x 240 px
Статья510 x 285.59 px

Истории фото

Истории видео

1080 x 1920 px

720 x 1280 px

Фотоальбом1000 x 660 px
Видеозаписи1280 x 720 px
Товар1000 x 1000 px
Размеры рекламы
Промопост с кнопкой (со ссылкой)537 x 240 px
Универсальный промопост1000 x 700 px
700 x 500 px
Боковушка большая (тизер)145 х 165 px
Боковушка малая (тизер)145 х 85 px
Карусель600 x 600 px

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

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

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

Горизонтальная обложка. Размер 1590 на 400 пикселей

У горизонтальной обложки 2 размера.

1-й размер 1590х400 для компьютерной версии вконтакте.

Полноразмерная горизонтальная обложка

В мобильном приложении в контакте у обложки обрезаются слева и справа по 197 пикселей.

Поэтому в мобильном приложении на экране видно только 1196х400 пикселей.

Из них область которая ничем не перекрыта еще меньше, так как полоску сверху размером в 83 пикселя перекрывает бар с уведомлениями андроида.

Еще по 140 пикселей слева и справа в мобильной версии могут занимать кнопки, но они чаще белого цвета и не перекрывают изображение сильно.

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

Так выглядит адаптированная под мобайл обложка на компьютере:

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

Так выглядит эта же обложка в мобильном приложении:

Все размеры оформления группы Вконтакте

Аватар группы. Размер 200 на 500 пикселей

Аватар и миниатюра

Максимальный размер аватара 200х500 пикселей. Из аватара формируется превьюшка (миниатюра) круг.

Так как около 70-80% посетителей групп сидят с мобильных устройств, то аватарку в полном размере они не видят.

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

Баннер. Размер 510 на 510

Баннеры можно делать разнообразных размеров.

Имейте в виду вот что: ширина баннера должна быть не меньше 510 пикселей. Если делать меньше, то баннер будет уже чем размер ленты и будет пустое место справа.

Высоту делайте какую хотите:

  • 510 для квадратного баннера,
  • меньше 510 для прямоугольного.

Например, 510 на 500 или 510 на 300.

Сниппет. Размер 537 на 240

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

Выглядит так:

Сниппет

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

Обложка для статьи. Размер 510 на 285.59

Разработчики выбрали интересный размер для баннера статьи. Здесь нужно учитывать, что заголовок  статьи может быть в 1 и в 2 строки и поэтому кнопка читать может смещаться.

Если планируете как-то обыгрывать эти элементы, то учитывайте расстояния.

От верхнего края баннера до начала однострочного заголовка будет 88px (заглавными) и 94px (прописными), до двухстрочного заголовка будет 75px (заглавными) и 79px (прописными). Расстояние от верхнего края обложки до верхнго края кнопки при однострочном заголовке будет 174px , при двухстрочном будет 189px, при этом размер самой кнопки 89.19px по ширине и 30px по высоте. Шрифт заголовка   Roboto с начертанием Black, размер шрифта в заголовке в одну строку 30px, а если заголовок в две строки, то 24px.

Обложка для статьи

Истории. Размер 1080 на 1920 (видео 720 на 1280)

Как таковые истории с компьютера пока публиковать нельзя.

Но можно заранее подготовить шаблон, загрузить его в телефон, и опубликовать.

Скриншот истории

Фотоальбом. Размер 1000 на 660

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

Это затемнение можно интересно обыграть в оформлении.

Обложка для фотоальбома

Видеозаписи. Размер 1280 на 720

Видеоальбом

Карточка товара. Размер 1000 на 1000

Блок товаров

В блоке товаров на страницу группы выводится 3 элементы. Можно покреативить с ними и сделать что-то общее.

Размер карточки товара  1000 на 1000. Или любой другой квадрат.

Промопост с кнопкой. Размер 537 на 240

Промопост с кнопкой

Промопост с кнопкой это тот же сниппет.

Есть мнение, что на промопосты с кнопкой больше переходят. По моему личному опыту, он сработал не очень. Гораздо лучше, а именно в 3 раза был эффективнее обычный промопост, без сниппета и кнопки.

Универсальный промопост. Размер 1000 на 700 (или 1000 на 1000)

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

Боковушка большая. Размер 145 на 163

Большая боковушка

Боковушка маленькая.  Размер 145 на 85

Боковушка маленькая

Карусель. Размер 600 на 600

Карусель Вконтакте

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

Скачать бесплатно шаблоны для оформления группы Вконтакте

В качестве бонуса архив с шаблонами в формате psd самых популярных размеров для оформления группы ВК.

Скачать архив с шаблонами для оформления групп Вконтакте.

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

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

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

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

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

Что это такое

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Размеры баннеров для промо-постов ВКонтакте. Какой выбрать?

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

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

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

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

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

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

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

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

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

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