Оформление сообществ во вконтакте: самые важные правила

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

Это изображение, которое является «лицом» сообщества. Его видят пользователи рядом с сообщениями от имени паблика и в перечне подписок

Задача этой картинки – привлекать внимание и быть узнаваемой

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

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

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

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

Можно разместить на аватаре короткую и полезную информацию:

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

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

Примеры красивого оформления группы VK

Пример лаконичного дизайна для творческого блога. Красивое оформление обложки и аватара. Четкая структура построения постов и фотографий: расположение объекта и ракурсы.

Пример дизайна группы VK

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

Пример, как красиво оформить группу в VK

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

Минималистичное оформление паблика VK

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

Пример оформления группы VK Setters

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

Оформление группы «Делимобиль»

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

Оформление паблика VK

Где еще можно искать фото

Помимо групп Вконтакте существуют еще и сайты, на которых можно найти множество качественных картинок. К примеру, 2photo.ru. Здесь огромное количество фотографий разбиты на категории: реклама, черно-белые, города, знаменитости, животные, история и многое другое. Редкий случай, когда я захожу на этот сайт и ухожу менее, чем через час.

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

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

Ну и конечно, я не могу не посоветовать вам учиться делать свои снимки. Качественно, круто и быстро. Могу предложить бесплатно получить 5 уроков по съемке со вспышкой.

А также «Фотошоп для начинающих фотографов». Эта программа поможет вам качественно обрабатывать свои снимки и превращать их в настоящее чудо.

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

До новых встреч и удачи в ваших начинаниях.

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

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

• .
• .
• .
• .

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

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

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

• Максимальное разрешение файла – 1680х1680.
• В профиле будет показана миниатюра размером
  190х190.

Размер обложки в Одноклассниках: 1944х600

В 2018 году администрация сайта изменила допустимый размер
обложки в Одноклассниках до 1944х600 пикселей

Но на разных устройствах обложка
может отображаться по-разному, поэтому важно центрировать картину

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

• Исходное изображение – 1944х600 пикселей.
• «Безопасная зона», чтобы сохранить содержимое
  обложки на разных устройствах – 980х240 пикселей от середины картинки.
• Закрепив обложку в альбом, пользователи смогут
  комментировать ее.

Размер картинки поста в Одноклассниках: 780х585

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

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

• Максимальное разрешение – 1680х1680. Можно загружать файлы и больше, но в таком случае возможна потеря качества при сжатии.
• В новостной ленте пост будет размером 548х411 пикселей при соответствующих пропорциях.
• В раскрытом состоянии размеры изображений составляют 780х585 пикселей.

Оптимальный размер рекламных иллюстраций

Одноклассники предлагает широкий выбор рекламных кампаний, которые
позволяют проявить весь креатив бренда. Но файл для рекламного объявления не
может иметь вес более 150 Кб.

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

• Квадратный мультиформат с текстом снизу – 600х600.
• Квадратный мультиформат с текстом слева – 256х256.
• Прямоугольный мультиформат с текстом сверху – 1080х607.
• Тизерное объявление – 90х75.
• Пост в рекламной карусели – 600х600.
• Пост в ленте – 1080х607.

Более детально смотри в Сервисном центре Одноклассники.

06.

Обложка

Этот элемент самый крупный и выразительный во всем оформлении страницы. Но учтите, что при его добавлении, аватар убирается из шапки страницы. Чтобы загрузить изображение заставки, зайдите в «Управление».

И рядом с надписью «Обложка сообщества» нажмите на надпись «Добавить».

В открывшемся окне нам предлагают 2 возможности: сделать обычную или «живую» обложку. Последний вариант предполагает, что вы загрузите до 5 фотографий и видеороликов, которые будут сменять друг друга в верхней части паблика. Я добавила обычную картинку.

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

Проверяем, как выглядит картинка в мобильном телефоне.

Если все устраивает, идем дальше. Чтобы обложка была более яркой и приносила пользу сообществу, а не просто красиво размещалась на странице, к ней можно добавить:

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

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

Изображения — важный инструмент визуализации для оформления группы Вконтакте

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

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

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

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

Оформляем красивое меню

• Аватарка:  минимум – 200 х 200 пикс., иначе система выдаст ошибку. Задекларированный максимум – 200 х 500 пикс. (хотя если размер будет больше, главное, чтоб соотношение оставалось 2 к 5).
• Обложка: отличается для полной и мобильной версий, поэтому нужно учитывать этот момент при выборе и проверять, как она будет выглядеть при просмотре на телефоне. Итак, либо 1590 х 400 пикс., либо усеченная версия – 1196 х 400 пикс.
• Картинки для прикрепления: сейчас новостная лента ВКонтакте зафиксирована по ширине, поэтому теперь ваши картинки не будут деформироваться в результате прикрепления. Старайтесь, чтобы изображение было квадратным (очень хорошо для мобильной версии) либо прямоугольным по горизонтали и имело ширину минимум 510 пикс.
• Иллюстрации к постам с ссылками: присоединяются к надписям при добавлении в него ссылки. Минимум для него – 537 х 240 пикс. (но допускаются и побольше при соблюдении пропорций). Эти картинки берутся либо по умолчанию из Open Graph, либо из метатега Title, но у пользователя есть возможность их менять на свой вкус (выбирать из публикации другое фото для анонса или размещать свое собственное).
• Иллюстрации к тексту: 510 х 286 пикс. Бесплатный совет: делайте картинки в редакторе потемнее и не пестрыми, чтобы на фоне не терялись буквы.
• Визуализация истории: напоминаем, что публиковать истории от своего имени (при помощи официального сервиса) могут только раскрученные группы, которые получают на это специальное разрешение от разработчиков соцсети. Иллюстрируются они фотографиями (1080 х 1920 пикс.) и видеофайлами (720 х 1280 пикс.) – в вертикальном формате. Кроме того, видео должно отвечать ряду критерий: протяженность – не длиннее 15 сек., размер – не более 5 мегабайт, кодек – h.264, озвучка – ААС.
• Обложка для альбома: для фул-версии – 1200 х 800 пикс., для усеченной – на 200 единиц менее.
• Видео: оптимальный размер – 1280 х 720 пикс.
• Вики-страница: большие картинки при публикации будут сжиматься до ширины в 400 пикс., поэтому кликните на нем мышкой и выставьте 607 х 342 пикс. с сохранением пропорций – тогда оно займет всю ширину вики-страницы.

Предыстория

Некоторое время назад я увлеклась заработком на партнерских программах и стала внимательно изучать это направление. Постепенно пришло понимание, что без создания группы (сообщества) не обойтись. Сначала пыталась разобраться в этом сама, что называется Гугл в помощь, затем купила курс по заработку на партнерских программах.

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

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

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

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

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

Шапка для группы вк

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

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

Основной размер шапки 1590 x 400 px 

Размер шапки в VK для компьютера

Размер шапки вк в мобильном приложении

В мобильном приложении шапка обрезается. 83 px срежется сверху и по 197 px по бокам.

Видимая часть в приложении 1196 x 317 px (сюда должна поместится вся важная информация)

Размер шапки в ВК в приложении

Но в приложениях по бокам располагаются дополнительные элементы. Они тоже перекроют часть изображения. Ещё по 140 px слева и справа.

Элементы перекрывающие шапку группы ВК по бокам

Кстати! Вот тут можно посмотреть все размеры вк.

И так, у меня получилась вот такая шапка (обложка)

Готовая шапка для группы вконтакте

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

Заходим в Управление

Обложка сообщества → Загрузить. И выбираем нашу картинку.

Полезные советы для создателей групп ВК

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

На осознание отводится немного — 3-5 секунд. 

Поэтому, при создании сообщества очень важно учитывать множество нюансов:

• название группы должно мгновенно ответить на вопрос клиента — “Куда я попал?”;
• заинтересовать клиента на более детальное изучение группы;
• создать минимальное доверие.

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

Эти фразы можно заменить на достойные и вполне конкретные, типа: “возврат, или обмен в течение года (или 14 дней)”, вместо слов “гарантия качества”. Еще пример: доставка в течение 1 дня по Красноярску, вместо словосочетания “быстрая доставка”. Или “делаем окна на немецком оборудовании” вместо “высокое качество”. То есть конкретно, а не размыто и абстрактно. Это гораздо убедительней, думаю, все с этим согласны.

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

Что для этого нужно в первую очередь сделать?

1. Проработать название сообщества.
2. Создать обложку для веб-версии группы.
3. Создать обложку для мобильной версии группы.
4. Продумать аватарку.
5. Написать правильный, продающий статус.
6. Настроить кнопку целевого действия.
7. Создать основную информацию о группе.

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

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

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

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

Избегайте перегруза информации и делайте все блоки группы в едином узнаваемом стиле.

Как сделать шапку паблика своими руками

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

• Сделать или выбрать готовую горизонтальную фотографию, которая совпадает с темой группы. Лучше всего брать красивые уникальные картинки, огромный выбор которых представлен в различных фотостоках. Если же бюджет ограничен, можно попробовать найти что-то подходящее в Яндекс.Картинках или Гугле.
• Для того чтобы усилить связь изображения с темой паблика, следует добавить на него текст и другие элементы. Большие возможности для этого предлагают онлайн-сервисы Pablo, Canva или Fotor.

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

• Войдите в программу, нажмите вкладку «Файл» и кнопку «Создать».
• Задайте параметры нового изображения: размер 1590х400 пикселей, цветовой режим RGB 8 бит, разрешение 72 пикселя на дюйм.
• Сформируйте коллаж из стоковых и личных фотографий. Экспериментируйте с надписями и декоративными элементами, используйте фильтры, меняйте фон, пока не получите нужный результат.

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

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

• .
• .
• .

Размер фото профиля Твиттер: 400х400

Фотография профиля обязательно должна быть установлена на странице. Без нее пользователи сразу потеряют интерес к твоему профилю. Максимальный размер фото профиля Твиттер отображается на странице на фоне шапки. Миниатюра будет видна в новостной ленте возле твоих постов и в списке последователей других страниц.

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

• Минимум 400х400.
• Фото отображается круглой формы, разрешением
  200х200.
• Пропорции фотографии всегда 1:1.
• Допустимый вес файла – 2 Мб.
• Форматы: JPG, PNG и GIF-файлы без анимации.

Размер шапки Твиттера: 1500х500

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

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

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

• Оптимальный размер шапки для Твиттер – 1500х500
  пикселей.
• Максимальный вес файла – 5 Мб.
• Соотношение сторон 3:1.
• Форматы: JPG, PNG и GIF без анимации.

Размер фото поста в Твиттере: 440х220

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

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

• Минимальный размер фото в Твиттер – 440х220
  пикселей.
• Максимальное разрешение изображения – 1024х512.
• Разрешение в ленте – 506х253.
• В один твит можно загрузить до 4 изображений.
• С мобильного приложения можно отредактировать
  размер картинки для Твиттера.
• Максимальный вес файла 5 Мб для мобильной версии
  и 15 Мб для десктопной.

Детальнее о загрузке медиа-контента читай в Справочном
центре Twitter.

07.

Какой должна быть правильная обложка для группы VK

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

Оригинальность. Обложка — эта первое, что видят пользователи, заходя в группу. А, как известно, встречают по одёжке. Именно поэтому баннер обязательно должен быть не только привлекательным, но и креативным. Идеально, если в нем будет какая-то «вкусная» фишка, запоминающийся дизайн, интрига, игра слов

Всё это обязательно зацепит внимание юзеров, и они станут поклонниками страницы.
Модные тенденции. Баннер обязательно должен соответствовать современным представлением о стиле и красоте

Если креатив и фантазия — не Ваш конёк, обратитесь к элегантной классике. Главное — отказаться от шаблонов, избитых образов и «баянов», которые мгновенно покроют вековой пылью даже самый свежий паблик. Поиграйте с вышедшими недавно фильмами, последними событиями, мемами, героями интернет-мира и шоу-бизнеса. Как говорится, будь в тренде!
Психологические приёмы. SMM-специалисты разработали целый набор психологических «фишек», которые помогут привлечь внимание пользователей к группе с помощью обложки. К примеру, наибольшей эффективностью обладает изображение с человеком (людьми), смотрящими в сторону, где размещена важная информация.
Отсутствие спама. Навсегда откажитесь от размещения на баннере навязчивых призывов вступить в группу. Большинство пользователей проигнорируют такой паблик, даже если контент в нём отличается высочайшим качеством. Еще одна неудачная идея — это указание телефонного номера или ссылки на другой сайт. Это делает обложку похожей на дешевые промо-листовки. Авторы продающих пабликов могут разместить на обложке своё самое «горячее» предложение, которое гарантированно заинтересует настоящих и потенциальных клиентов.
Качественное изображение. Конечно, идеальный вариант — это лично сделанное профессиональное фото. Однако в большинстве случаев это невозможно. Чаще всего для обложки паблика выбирают готовые стоковые изображения, которые соответствуют ряду критериев. Они должны содержать эмоциональный, невербальный призыв к определенному действию, соответствовать целевой аудитории, а их цветовая гамма — создавать у пользователей приятно впечатление.
Оригинальный шрифт. Создавая заставку, не стоит зацикливаться на узнаваемых «вордовских» шрифтах. Фантазируйте, но не перегибайте палку — витиеватые трудночитаемые вязи пусть останутся в стороне. Остаётся добавить грамотные хэштеги, и идеальная обложка для группы ВК — перед Вами!

Создание баннера для паблика VK требует времени, внимания и определенных навыков

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

IT-специалист и продвинутый пользователь ВК. Зарегистрировался в соцсети в 2007 году.

Размер – это главное

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

Так выглядит оформление группы SMMplanner с учетом минимальных размеров изображений:

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

Первое, что стоит сделать в сообществе – баннер

Большая яркая картинка привлечет внимание пользователя и будет источником самой важной информации о вас. Размеры различаются для десктопной и мобильной версии: это 1590 на 400 px и 1196 на 400 px соответственно. Со смартфонов люди увидят только центральную часть картинки

Со смартфонов люди увидят только центральную часть картинки.

Недавняя опция в VK – это живой баннер (видео или анимация). Его параметры – 1080 на 1920 full HD, а вес не должен превышать 30 МБ.

Аватар в современном VK всегда круглый. Минимальный размер – 200 на 200 px. Если очень хочется, можно сделать вертикальный аватар (в соотношении 200 на 500 px), но его увидят лишь те, кто кликнет на картинку для просмотра. Уверена, вы сами не имеете привычки кликать на авы коммерческих сообществ, так что эта опция почти бесполезная.

Далее пользователь столкнется с меню. Если сделать полноценную страницу с вики-разметкой, можно вдоволь креативить с с картинками в любых пропорциях при ширине 510 px. Но с недавнего времени можно создать и упрощенный вариант – со ссылками на приложения. Минимальный размер обложки для каждой ссылки – 376 на 256 px.

Виджеты могут иметь разные пропорции. Самые популярные варианты: вертикальные картинки 500 на 750 px, квадраты 500 на 500 px или баннер 1000 на 251 px.

Так выглядят виджеты разных форматов

Другая важная часть коммерческого сообщества – товары, они всегда квадратные. Минимальный размер 400 на 400 px, максимальный – 1000 на 1000 px.

Иногда обложки фотоальбомов, статей и видео тоже становятся частью оформления. Для видео в VK оптимальный размер 1280 на 720 px. Для обложки альбома – 1200 на 800 px, в мобильной версии снизу будет обрезано 200 px от исходной картинки. Для заглавного изображения в статье нужен размер не меньше 510 на 286 px.

Для постов оптимальная ширина 510 px, а пропорции могут варьироваться. Наиболее удачными считаются квадраты или горизонтальные прямоугольники 2:3.

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

Посты

Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.

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

Ответ поддержки о влиянии размера картинки на позицию в выдаче

Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.

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

Десктопный просмотр

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

Мобильный просмотр

Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.

Иллюстрация для статьи со светлым фономИллюстрация для статьи с темным фоном

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

Охваты у одинаковых постов

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

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

Как создать плейлист

Плейлист можно создать на компьютере или в приложении ВК.

На компьютере:

1. Заходим во вкладку «Музыка». Возле кнопки «Добавить аудиозапись» находим кнопку «Создать плейлист».

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

В приложении ВК:

1. Открываем приложение. Кликаем на кнопку «Сервисы», затем «Музыка». Сверху будет кнопка «Создать плейлист».

1. Как и с ПК придумываем название, описание, загружаем обложку и добавляем треки.

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

Это интересно: Лучшие виджеты для сообщества ВКонтакте

Как загрузить обложку плейлиста в ВК

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

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

Затем жмем «Изменить». С ПК может называться «Редактировать». Еще в приложении кнопка «Изменить» может находиться сразу под квадратом обложки, тогда в меню плейлиста заходить не обязательно, можно сразу кликнуть на эту кнопку.

Переходим в редактирование и кликаем на обложку — затем загружаем картинку с устройства.

Технические требования и размеры обложка плейлиста ВК

Размер, формат и другие характеристики:

• соотношение сторон — 1:1;
• размер — минимум 300 рх по одной стороне, лучше сделать 800 х 800 рх;
• формат — JPG, PNG.

Что должно быть изображено на обложке

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

Что обычно ставят на обложку:

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

По подкастам ВК советуем почитать отдельную статью.

Примеры динамических обложек

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

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

Давайте рассмотрим примеры:

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

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

Третий пример – самый простой – на обложке погода в реальном времени.

В чем преимущество динамической обложки? Это дополнительное привлечение внимания посетителя к сообществу, и как следствие – увеличение количества подписчиков.

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