Домой » Размеры оформления контента ВКонтакте

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

от Ekaterina
683 просмотров
Размеры оформления контента ВКонтакте

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

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

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

    • Аватарка. Максимальный размер картинки для аватара — 200х500 пикселей, для миниатюры — 200х200 пикселей. При загрузке файла большего разрешения, отобразится только его часть. Миниатюра выбирается из фрагмента аватара. Полный размер можно увидеть, кликнув по аватарке. Допустимые форматы фото JPG, GIF или PNG.
      При наличии обложки группы будет отображаться только миниатюра аватара. В мобильной версии, с обложкой или без, отображается только миниатюра.

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

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

  • Обложка (шапка) группы. В полной (компьютерной) версии сайта размер шапки составляет 1590х400 пикселей. Выберите нужный фрагмент, при загрузке картинки большего параметра.

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

В мобильной версии обложка обрезается по бокам на 197 пикселей. Размер видимой части составляет 1196х400. При создании шапки учитывайте зону отображения элементов приложения (боковые кнопки, индикаторы устройства). Размер зоны занимает 83 пикселя сверху и по 140 пикселей с боков.

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

При желании добавьте «живые» обложки, которые могут содержать в себе:

  1. От 1 до 5 изображений, размером 1080х1920 пикселей. Смена картинок происходит автоматически. Доступна функция автоувеличения.
  2. От 1 до 5 видеороликов, размером 1080х1920 пикселей. Файлы загружаются в формате MP4 (видеокодек H.264, аудиокодек AAC), размером не более 30Мб и продолжительностью до 30 секунд. Смена роликов происходит в автоматическом режиме.

Важно! «Живые» обложки отображаются только в мобильных приложениях.

«Живые» обложки в мобильных приложениях

  • Свёрнутая обложка — отображается при входе в группу.
  • Развёрнутая обложка — отображается после клика по свёрнутой обложке.

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

Размеры отображения обоих видов обложек ( свернутая и развернутая)

  • Изображения для записей ВКонтакте. Они бывают двух видов:
    • Квадратные — минимальный размер 510х510 пикселей.
    • Прямоугольные — минимальный размер высоты 510 пикселей, соотношение сторон 3:2.

Изображения для записей ВКонтакте (виды)

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

Видеозаписи. Рекомендованный размер для загрузки роликов — 1280х720 пикселей (HD качество). Увеличение или уменьшение параметров видео отразится на чёткости отображения. Размер файла не должен превышать 5Гб.

Рекомендованный размер для загрузки роликов ВК

Допустимые форматы для загрузки — AVI, MP4, 3GP, MPEG, MOV, FLV, WMV.

Размеры меню сообщества. Оптимальный размер картинки меню — 376х256 пикселей. Текст меню не должен превышать 19 символов.

Оптимальный размер картинки меню сообщества ВК

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

Рекомендуемый размер — 510х286 пикселей. Учитывайте, что часть изображения будет закрыта текстом (название, автор статьи), кнопками «Читать» и «Сохранить в закладках».

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

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

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

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

Размеры для историй

Для историй используйте рекомендованные значения:

  • Изображения — размер фотографий 1080х1920 пикселей.
  • Видео — размер роликов 720х1080 пикселей. Продолжительность видео 15 секунд, а размер не более 10Мб. Формат загружаемого файла MP4 (видеокодек H.264, аудиокодек AAC).

Размеры для историй ВК

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

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

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

Обложка фотоальбома в ВК

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

Размеры Сниппетов

Сниппет — специальный блок, добавленный к записи и содержащий ссылку на внешние ресурсы. Рекомендуемый размер — 537х240 пикселей.

Размеры Сниппетов в ВК

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

Размеры рекламных баннеров

Тизеры — рекламные блоки, расположенные с левой стороны под основным меню ВКонтакте. По размерам делятся на:

  • Большой тизер — 145х165 пикселей
  • Маленький тизер — 145х85 пикселей

Размеры баннеров - тизеров в ВК

Промопост с кнопкой — то же, что и сниппет (537х240 пикселей).

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

Промопост-баннер — используется тот же формат изображения, что и для записи сообщества.

Промопост-баннер - размеры

Карусель

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

Размер изображения в карусели

Рекомендация по загрузке изображений

Для загрузки фото используйте Flash-загрузчик. С его помощью можно сохранить большое количество фото в альбом и ускорить этот процесс. При неправильном выборе размера фото его качество может пострадать. Это происходит потому, что слишком большие иллюстрации (5000×3000 пикселей) сжимаются и после загрузки выглядят размытыми. Если наоборот, картинка небольшая (1920×1080 пикселей) резкость может повыситься. Чтобы избежать такого эффекта, используйте фото, разрешение которого не превышает 1280х1024 пикселей. Это оптимальный размер, который не изменяется ВКонтактом после загрузки.

 

0 коммент
0

Почитаем еще?

Оставьте комментарий

Мы иногда используем cookie-файлы, чтобы получше узнать вас и персонализировать контент :) Замечательно!