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

Содержание

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

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

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

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


Обложка меню


Фрагмент разделов внутри меню

Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.


Редактор изображений в вики

Вики-страничка с разделами меню настраивается в редакторе. Далее ссылка на страницу вставляется в пост на стене, ему не обязательно, но желательно изображение. Оно подбирается как обычная иллюстрация к посту. Прикрепляем и сохраняем пост, теперь вики-страничка будет открываться по клику на «Посмотреть» или на иллюстрацию.


Тестовый пост с вики-меню

Размер оформления канала на Youtube

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

  • .
  • .
  • .

Размер аватарки Ютуб: 800х800

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

Рекомендации:

  • Размер картинки для Ютуба – 800х800.
  • Youtube сжимает изображение до 98х98 пикселей.
  • Доступные форматы: JPG, BMP, PNG и GIF-файлы без
    анимации.

Размер шапки Ютуб: 2560х1440

Когда пользователи переходят на твой канал, первое, что
бросается в глаза – шапка (обложка) профиля. С ее помощью можно привлечь новых
подписчиков, детальнее представить свой бренд или просто поделиться креативом.
Размеры шапки Ютуб достаточно большие. Учти это, чтобы Youtube не
пришлось растягивать иллюстрацию.

Рекомендации:

  • Оптимальный размер шапки для Ютуб – 2560х1440
    пикселей.
  • Область картинки, содержимое которой будет
    отображено на любом устройстве – 1546х423 пикселей от центра изображения.
  • Допустимый вес файла – 4 Мб.
  • Форматы: JPG, GIF, BMP или PNG.
  • На ноутбуке шапка отображается с разрешением
    2560х423, на планшете – 1855х423, на смартфоне – 1546х423, на телевизоре –
    2560х1440.

Размер видео для Ютуба: 1280х720

Насколько бы важным не было качество шапки на Ютуб, главный
тип контента на портале – видео. Твои ролики должны иметь высокое качество и
разрешение, чтобы зрители не видели пикселей после перехода в полноэкранный
режим.

Рекомендации:

  • Соотношение сторон видеоролика на Ютуб – 16:9.
  • Чтобы ролик квалифицировался как Full HD, его разрешение
    должно быть не менее 1280х720 пикселей.

Более подробно о размерах фото и видео на Ютуб смотри в Справочном центре компании.

04.

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

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

  • 1590×400 px. Общий размер.
  • 1196×315 px. Видимая область для мобильных устройств.
  • 197 px. Горизонтальные отступы по краям.
  • 85 px. Отступ сверху.

На картинке ниже представлена раскройка.

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

Для чего нужны отступы? Если Вы загрузите полноразмерный файл, то при просмотре с компьютера он будет отображаться нормально. Но на мобильных устройствах картинка уменьшается, чтобы попасть в маленький экран. И остается меньшая область, отмеченная границами 1196×315 px,

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

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

Выделение рабочей области

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

Внешний вид обложки, при просмотре с мобильного

Пора повторить это на практике.

Меню с кнопками

Размеры: картинка для кнопки от 376х266 точек.

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

Лента меню в группе

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

Настройка кнопок меню

Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:

Меню на смартфоне

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

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

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

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

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

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

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

Желаем Вам успехов в освоении новых инструментов ВКонтекте. А если у Вас возникнут сложности или вопросы команда TargBox всегда рады Вам помочь.

Что запомнить о вики-разметке

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

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

Оформление группы в VK

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

Основные плюсы удачного оформления сообщества VK:

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

Наглядность. Разработка единого стиля позволяет показать основную информацию о продукте, акциях и конкурсах

Графический контент привлекает внимание в первую очередь, а следом уже идет текст.

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

Также это демонстрирует серьезность подхода к делу в общении с клиентами, в оформлении сделок и так далее.

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

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

Товары

Размеры: не меньше 600 px.

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

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

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

Миниатюра товара из товарного ряда

Открытая карточка товара

Чтобы качество не портилось, рекомендуем брать размер не менее 600 px. Как видно, с горизонтальной иллюстрацией образуются пустые поля, так что выгодным решением мы считаем квадратные иконки. Для своего товарного ряда мы их и выбрали:

Ряд с товарами в группе PR-CY

Открытая карточка товара

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

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

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

Основы SMM. Часть 2: Составляем контент-план на примерах и шаблонах

Основы SMM. Часть 3: Обратная связь в группе

Основы SMM. Часть 4: Сервисы для общения с подписчиками в соцсетях

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

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

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

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

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

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

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

Квадратное изображение для записи. Минимальный размер изображения 510 х 510 pixel. Мы рекомендуем использовать 1200 х 1200 pixel, формат изображения .png (мы уже запомнили, что это необходимая мера для улучшения качества постобработки ВК)

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

Прямоугольное изображение размером 510 х 765 pixel (пропорция 3:2). Targbox рекомендует изображение 1800 х 1200 pixel, формат сжатия .png

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

Меню группы Вконтакте шаблоны

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

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

Размеры изображений для Facebook

Аудитория Facebook в России — порядка 5-7,5 млн человек. Данная площадка используется реже, чем ВКонтакте, но все больше людей выбирают Facebook, как соцсеть для работы. В проекте Марка Цукерберга также есть много рекламных инструментов, под которые нужно подбирать изображения.

Минимальные и оптимальные размеры картинок для Facebook

— Аватар: минимум 320 х 320 рх.

— Обложка личной страницы: оптимально 820 х 312 рх.

— Обложка сообщества: оптимально 1640 х 859 рх.

На скрине: слева — аватар, справа — обложка.


Вид страницы SendPulse в Facebook

— Картинка к посту с внешней ссылки: минимум 500 х 261 рх.


Картинка к внешней ссылке, пример со страницы SendPulse

— Прямоугольная картинка для ленты: оптимально 1200 х 628 рх.

— Сторис: оптимально 1080 х 1920 рх.


Скрин сторис группы «Популярная механика»

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

Соотношение сторон для рекламного поста — от 1.91:1 до 4:5.

В ленте прямоугольная картинка уменьшается до 500 рх по ширине с сохранением пропорций.

Минимально допустимый размер обложки: 399 х 150 рх.

Если хотите подгрузить фото лучшего качества, используйте формат PNG.

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


Перегруженное текстом изображение в ленте сообщества

Что должно быть на обложке сообщества

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

Но если вы не знаете с чего начать можно использовать подсказку в виде общих рекомендаций:

Здесь стоит упомянуть, чего НЕ стоит отображать на обложке:

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

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

Используйте визуальные подсказки: стрелки, указатели, чтобы обратить внимание пользователя на кнопку «Подписаться»

Гиперссылки

Отдельно стоит рассмотреть создание ссылок. В меню можно сделать кликабельными текст и изображение.

Способ 1: Текст

Текст можно превратить в гиперссылку, в таком случае по нажатию на него откроется другое меню или сайт. Для этого выполните следующие действия:

  1. Выделите текст и кликните на стрелочку.

Укажите ссылку по одному из этих вариантов:

  • Внутренние адреса Вконтакте добавляйте без «https://vk.com/»;

Для wiki-страниц достаточно ввести название, которое было указано во время создания;

Для сторонних ресурсов отметьте пункт «Внешняя ссылка» и введите её.

Кликните «Добавить».

Способ 2: Изображения

Выше мы писали, как вставлять ссылки в графическом варианте, но к изображению в виде кода тоже возможно добавить ссылку — для этого введите её в конце команды до символов . Вот как выглядит строка с фото, в ней нужно вставить ссылку в область вместо XXX:
Это основы создания меню и wiki-страниц Вконтакте. Для получения более детальной информации воспользуйтесь расширенным меню редакции Вики-разметки по данной ссылке:

Перейти к подробному обучающему курсу по редактированию вики-страниц

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

Размеры элементов группы
Горизонтальная обложка полноразмерная 1590 х 400 px
Горизонтальная обложка в мобильном приложении 1196 x 317 px
Аватар группы полноразмерный 200 x 500 px
Аватар группы неполноразмерный 200 х Полноразмерная горизонтальная обложка

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

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

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

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

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

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

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

Создание меню группы Вконтакте онлайн

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

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

Принцип создания меню можно разделить на несколько шагов:

Шаг 1. Определитесь с шаблоном для оформления.

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

Шаг 4. Проверка и экспорт.

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

Шаг 5. Внесений изменений.

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

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

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

С начала его нужно сделать (в графическом редакторе).

Размер меню такой: – ширина максимум 600 px (так удобнее всего) – высота как получится.

Я сделал такое меню:

картинка меню группы вк

Теперь в фотошопе (инструментом “Раскройка”) я разрезаю меню на равные части.

весь макет режим на равные части

Там же в фотошопе нажимаем Файл → Сохранить для Web

Выделяю все части и сохраняю в формате Png-24.

В итоге у меня получилось 12 частей.

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

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

Я для этого создаю отдельный альбом с названием “Технический”. Туда я переношу и аватарку и картинку шапки.

Возвращаемся на созданную страницу МЕНЮ. Если забыли она находится по этому адресу http://vk.com/pages?oid=-123456789&p=МЕНЮ Не забываем 123456789 заменить на номер вашей группы.

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

Нажми для редактирования

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

Таблица в ВК начинается так: {| а заканчивается так:|}

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

В общем пишем так (но со своими значениями):

Вместо photo-176307581_456239020 и подобных – заменяем на номера своих картинок.

Узнать их можно так:

  1. Переходим в альбом группы “Технический”
  2. Открываем первое фото куска меню
  3. В адресной строке копируем часть с номером этой картинки (там много цифр, перед нужной нам написано photo-)

адрес картинки для меню в vk

И так проделываем с каждой картинкой нашего меню для группы ВКонтакте.

А вместо https://vk.com/topic-176307581_39164350 пишем ссылку на нужную нам страницу. Эти страницы я обычно создаю как Обсуждения (для этого их нужно активировать через настройки Управления)

Так проделываем с каждой кнопкой.

У тех картинок которые не являются кнопкой стоит значение ]. При нажатии на такую картинку – ничего не произойдет.

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

Просмотр покажет ваш текущий результат

Какой выбрать аватар

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

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

Есть несколько моментов, которые необходимо учитывать:

  1. Аватар обязательно должен иметь хоть какой-то смысл, наталкивающий на жанр сообщества, а если точнее, то на его контент.
  2. Достаточно широко распространено использование фото знаменитостей на аватарах или красивых девушек, принимающих достаточно откровенную позу. Как правило, интерес у мужчин к этой страничке будет достаточно велик, а если же еще человек на аватаре улыбается, то это уже на подсознательном уровне оказывает позитивное влияние. Трудно не улыбнуться, когда друзья смеются, не так ли?
  3. Не стоит использовать всего лишь один логотип сообщества. Такую ошибку допускают достаточно неопытные администраторы групп. Лучше возьмите и добавьте туда всего и побольше. Люди невольно задержатся, рассматривая аватар и размышляя над связью между предметами, которую вы можете вложить туда.

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

Вконтакте (VK) – это крупнейшая в России социальная сеть, со 100 миллионами активных пользователей в месяц. Ежедневно на сайте публикуются тысячи фотографий, огромная часть которых носит коммерческий характер

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

  • .
  • .
  • .
  • .
  • .
  • .

Размер аватарки Вконтакте: 1250х400

Главное фото профиля ВК – это первое, важнейшее впечатление о человеке или сообществе

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

Рекомендации:

  • Минимальный размер аватарки сообщества Вконтакте – 200х200 пикселей.
  • Рекомендуемый размер аватара Вконтакте – 200х500 пикселей.
  • Максимальное разрешение фотографии – 7000х7000 пикселей.
  • Рекомендуется сохранить пропорцию 2:5.
  • Миниатюра аватара отображается круглой формы диаметром 200 пикселей.
  • Форматы для загрузки: JPG, GIF и PNG.

Размер обложки сообщества ВК: 1590х400

Самая впечатляющая картинка на основной странице сообщества – обложка. Это широкое изображение, которое кратко рассказывает о бренде. Для загрузки обложки нужно зайти в раздел «действия» – «управление сообществом».

Рекомендации:

  • Размер обложки Вконтакте на компьютере: 1590х400.
  • Размер обложки ВК на смартфоне: 1196х400.
  • При несоблюдении пропорций Вконтакте автоматически обрежет обложку.

Размер меню группы ВК: 510х353

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

Рекомендации:

  • Минимальная ширина – 510 пикселей.
  • Высота, которая будет заканчиваться на уровне с
    вертикальной аватаркой – 353 пикселя.
  • Используй интерактивное меню с кнопками для
    привлечения аудитории.

Размер картинки со ссылкой Вконтакте: 537х240

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

Рекомендации:

  • Оптимальный размер баннера Вконтакте – 537х240
    пикселей.
  • Квадратная картинка будет обрезана почти вдвое.
  • Изображение должно быть тематическим и понятным.

Размер картинки поста ВК: 510х510 минимальный, 1200×1200 рекомендуемый

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

Рекомендации:

  • Максимальный размер картинки поста ВК – 1200х1200 пикселей.
  • Минимальное разрешение вертикальной картинки для поста – 510х510.

Больше точной информации по размерам картинок для Вконтакте можно найти в этом руководстве.

Другие размеры фото Вконтакте

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

Рекомендации:

Дополнительную информацию по загрузке фотографий найдете в разделе Помощи Вконтакте.

02.