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

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

57 881 просмотров

Мы всегда стараемся делать хорошие и точные изображения для соц.сетей наших клиентов!

Первое, что стоит сделать в сообществе – обложка или шапка группы. Огромная яркая картинка привлечет внимание пользователя и станет источником самой значимой информации о вас. Обложку можно загрузить в форматах PNG, JPG или GIF с соотношением сторон 3:1. Размеры: 1590х530. Будьте внимательны, что в мобильной версии отображается лишь центральная часть обложки, а не полная версия.

Динамический баннер на обложке увеличит вовлеченность и поможет активизировать аудиторию. Не так давно стало возможно оформить сообщество ВК с помощью живой обложки с видео или анимацией. Параметры такого баннера должны быть 1080х1920 (вертикальные изображения) или другие в пропорции 9:16. Видео: формат MP4 (кодек H.264/AAC), 15-60 кадров в секунду, до 30 секунд, размер — до 20 МB.

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

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

Минимальный размер аватара – 400х400 пикселей. Загружать изображение большего размера можно, но важно, чтобы соотношение его сторон не было больше 2 к 5. Сам ВК рекомендует такой размер: 200х500 пикселей. Но лучше загружать — 400х1000 пикселей. Это связанно с особенностью перекодирования программы обработки изображений ВК.

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

Меню в группах в ВК — это своего рода навигатор, который содержит набор ссылок, чтобы человек мог легко попасть в какие-то тематические разделы, либо блоки. Меню помогает выделить значимую информацию, а клиентам быстро найти её. Также, например, если вы ведете товарный бизнес, в меню можно расположить категории товаров. Наиболее популярный вариант оформления меню сообщества ВК — это использование виджет меню с картинками, размер которых составляет 376х256 пикселей.

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

• Картинки товаров

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

Обложка в ВК. Размеры и устройства

• Изображения для записей

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

• Обложка статьи

Минимальный размер для обложки статьи ВК – 510х286 пикселей. Но лучше использовать изображение разрешением 1926х1080, а формат снова png. Будьте внимательны — название статьи автоматически выводится поверх загруженного вами изображения.

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

Если Вы решили добавить к записи ВК ссылку на сторонний ресурс, то эта ссылка будет отображаться в блоке, который называется сниппет. Минимальный размер сниппета для внешней ссылки ВК – 537х240 пикселей. Но лучше использовать разрешение 1200х536, а формат также png. Иконка камеры позволяет поменять изображение сниппета ВК.

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

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

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

Каталог товаров в ВК или интернет-магазине — это как витрина в офлайн-магазине, и она очень важна. Размер каталога товаров ВК составляет 1000х1000 пикселей.

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

Сам ВК рекомендует размер видео – 1280х720 пикселей. Но лучше использовать для видео размер — 1920х1080 пикселей, контейнер mov, кодек h264.

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

Сам ВК рекомендует размер для фотографий — 1080х1920 пикселей.Размер видео –1080х1920 пикселей(минимальный720х1280 пикселей).

Технические характеристики для видео историй:

1. не больше 10 МБ;
2. до 15 секунд;
3. видеокодек h.264;
4. аудиокодек AAC.

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

Больше информации на нашем сайте!

Источник: vc.ru

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

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

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

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

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

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

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

Если будете сами рисовать в фотошопе или канве оформление для группы, то делайте все размеры в 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 самых популярных размеров для оформления группы ВК.

Источник: howvk.ru

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

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

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

Пытаясь докопаться до истины, я прошла все стадии отчаяния 🙂

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

Новые размеры для группы ВК в 2023 году

Содержание:

• Главная обложка группы ВК (шапка)
• Мобильная обложка ВК
• Обложки для меню ВК
• Обложки для товаров ВК
• Баннеры для постов ВК
• Обложка для видео ВК
• Истории ВКонтакте
• Обложка ссылки ВК (сниппет)
• Обложка для статьи ВК

Размер обложки группы ВК

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

Актуальный размер в 2023 году – 1920x768px.
Поддерживаемые форматы – PNG и JPG.

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

1. Если вы не установили мобильную обложку
2. Когда вы разворачиваете экран телефона горизонтально

Особенности

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

Для примера прикрепляю вам готовые обложки моего авторства, которые можно приобрести в Магазине шаблонов»

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

Мобильная или живая обложка видна только с телефона. В качестве обложки может быть изображение и/или видео (до 5 штук). При просмотре они будут автоматически листаться друг за другом.

Общий размер живой обложки – 1920×1080 px.
Формат изображений: PNG и JPG.
Формат видео: MP4; видеокодек h.264; до 20МB; до 30сек.

Особенности

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

Какую? Вот тут и начинает квест 🙂

Мне встречалось масса схем, где всё было расписано буквально по пикселям, но они разбивались об одно «но» – из-за пропорций экрана на разных телефонах обложки выглядят по-разному.

Вот реальные скриншоты с двух телефонов (обратите внимание на разницу в положении фото и текста):

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

Вы ещё не убежали? Тогда продолжим 🙂

• 285px сверху и снизу – области, которая скрыты на всех телефонах.

• Самые непредсказуемые области – участки сверху и снизу, где находятся иконки телефона, название группы, кнопки и прочее. Они могут съедать от 220 до 330px. В этой зоне можно расположить картинки, сюда может заходить какая-то «безопасная» часть вашей фотографии, но текст лучше убрать.

• Самая надежная часть для контента, хорошо просматриваемая со всех телефонов – область, которая находится посередине обложки и составляет 690-700 px. Здесь можно смело размещать текст (не забудьте только про аватар).

• Да, и помним, что по бокам 100-115px могут обрезаться.

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

Это была минутка незаметно встроенной рекламы ))) Идем дальше.

Размер обложки меню ВК

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

Размер обложки для меню ВК группы: 376x256px. Поддерживаемые форматы изображений: PNG, JPG, GIF.

Что важно учитывать при оформлении:

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

Размер обложки товара ВК

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

Рекомендуемый размер обложки для товаров: 1000×1000 px. Если вы возьмете размер чуть больше, например 1200px, проблем не будет. Главное, чтобы изображение было квадратное. Для одного товара вы можете загрузить до 5 изображений. Формат JPG, GIF или PNG.

Обложка для подборки товаров ВК

Как товары, так и услуги в ВК можно объединить в подборки.
Размер обложки для подборки товаров: 1280х720 px.
В мобильной версии обложка будет обрезаться снизу и по бокам на 100px.

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

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

• квадратные 1:1
• прямоугольные 3:2

Квадратные 1:1

Минимальный размер квадратного изображения 510х510 px, но практика показывает, что качество картинки такого размера получается очень низкое. Хотите получить четкое изображение – используйте бóльший размер. Например, как у баннеров для товаров ВК – 1000х1000 px.

Прямоугольные 3:2

Если вы выбираете прямоугольное изображение, его размер должен быть минимум 510х765 px. Я рекомендую увеличивать этот размер вдвое и больше. Так вы получите картинку гораздо лучшего качества.

Что лучше: прямоугольное или квадратное изображение?

Я предпочитаю квадратные картинки для постов в ВК. Они более заметные, особенно когда листаешь ленту с телефона. Из них получаются идеальные «галереи», где все баннеры отображаются целиком, ничего не выпадает и не обрезается. Примеры такого оформления ↓↓↓

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

Размер обложки (или заставки) для видео ВКонтакте:

Рекомендуемые размеры самой видеозаписи имеют те же параметры. Если вам важно сохранить качество видео, загружайте записи размером не менее 1920×1080 рх. Максимальный объем файла – 5 ГБ.

Истории ВК: размеры фото и видео

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

Размер для фотографий — 1080х1920 px.
Форматы: PNG, JPG, GIF.

Технические характеристики для видео:

• объем файла до 10 МБ
• длительность до 15 секунд
• видеокодек h.264
• аудиокодек AAC

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

Что такое сниппет? Когда вы добавляете к записи ВК ссылку на внешний ресурс, появляется специальный блок – сниппет. Он состоит из текста и картинки (оба они кликабельны).

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

Размер обложки для сниппета – 537х240 рх. Чтобы получить более качественное изображение, рекомендуется увеличить размер вдвое.

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

Обложка для статьи ВК − здесь все максимально просто. Бóльшую часть обложки занимают заголовок статьи, название вашего ВК сообщества и кнопка «Читать». Поэтому как-то дополнительно её оформлять вряд ли необходимо, достаточно, чтобы картинка соответствовала теме и на ней хорошо читался текст.

Размер изображения: 510х286 рх, но лучше увеличить его как минимум вдвое.

Что хочется добавить в конце. Я, кстати, уже говорила, что у меня есть готовые шаблоны? Это моя слабость – я страшно люблю свое дело и готова рассказывать о нем при каждом удобном случае ))

Еще больше интересных статей:

• Как найти свои способы продвижения творческому предпринимателю
• Лучшие банки бесплатных фотографий
• Как правильно оформить чек-лист, гайд или PDF книгу
• Бесплатные дизайнерские шрифты: кириллица, попавшая в тренды

Сохранить в Pinterest

Все посты рубрики → Дизайн для бизнеса

Оксана Колесникова

Меня зовут Оксана, я графический дизайнер. Мои работы вы найдете в разделе «Магазин шаблонов». В этом блоге я делюсь профессиональными секретами, как достойно упаковывать свои продукты. А также наработками и набитыми шишками в продвижении своего проекта 🙂

Подписаться
Войти через
Я разрешаю создать мне учетную запись

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

Не согласен Согласен
Войти через
Я разрешаю создать мне учетную запись

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

Не согласен Согласен
2 комментариев
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии

24 дней назад

Вопрос по обложке к альбому фото? Сделала по шаблону с интернета 1200х800, в моб версии пишут 200 снизу скроется — ок. Макет готов. Мне заказчица присылает вообще квадратные картинки, где ниче не влезло? Нужно два формата делать прямоугольные и квадрат??

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

Источник: sokpro.ru