Обложка для группы ВК: размеры, как сделать и поставить шапку сообщества

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

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

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

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

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

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

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

Facebook

При создании визуального контента учитывайте, что картинки в Facebook по-разному отображаются в Хронике (Timeline) и в новостной ленте друзей.

Размер изображений на бизнес-странице
Facebook
Размер фотографии бизнес профиля – 180х180 px.

• Фото имеет круглую форму.
• На компьютере фото отображается в формате 170х170, на смартфоне – 128х128, на кнопочном телефоне – 36х36, миниатюра – 32х32 px.

• Длинные логотипы брендов также обрезаются по форме квадрата.

Размер обложки страниц – 820х312 px.

• Картинка обложки показывается только на странице профиля.
• Минимальный размер обложки – 400х150 px,
• Фото обложки отображается в формате 820х312 px на десктопе и 640х360 на смартфоне.
• Маленькие изображения растягиваются, теряя в качестве.

Форматы изображений: sRGB и JPG размером менее 100 килобайт.

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

Размер картинки для поста – не менее 1200х630 px.

• В новостной ленте иллюстрация масштабируется до ширины 470 px.
• На странице профиля масштабируется до ширины 504 px.

Размер изображения со ссылкой – 1200х628 px.

• Картинки квадратной формы показаны с разрешением 154х154 px в ленте и 116х116 px в профиле.
• Картинки прямоугольной формы показаны с разрешением 470х246 px в ленте и 428х252 px в профиле.

Выделенное (Highlighted) изображение в профиле – 1200х717 px.

• В Timeline отображается с разрешением 843х504 px.
• Рекомендуем использовать изображения с большим разрешением, сохранив масштаб.

Размеры обложек событий – 1920х1080 px.

• Обложка отображается с разрешением 470х174 px.

Размеры изображений для всех мест размещений в Facebook:

• лента новостей – не менее 254х133px;
• истории – не менее 500х889px. Идеально – 1080?1920px;
• Audience Network: нативная, баннерная и межстраничная реклама – не менее 254?133px;
• моментальные статьи – не менее 254х133px;
• Marketplace – не менее 254х133px;
• истории в Messenger – не менее 500х889px;
• кольцевая галерея – 1080х1080px.

Смотрите также «Рекомендации по выбору соотношения сторон» в Справочном центре Facebook для бизнеса.

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

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

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

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

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

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

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

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

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

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

ТОП сервисов, чтобы быстро изменить размер изображения

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

Мы подобрали ТОП 3 сервиса для автоматической обрезки и сжатия файлов.

Canva

Canva

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

ФотоМАСТЕР

ФотоМАСТЕР позволяет повысить качество снимков за считанные минуты. Подходит пользователям с любым уровнем навыков. Чтобы изменить размер кадра, примените один из стандартных шаблонов либо задайте разрешение вручную. Последний вариант дает возможность настроить параметры с точностью до пикселя.
Adobe Photoshop

Adobe Photoshop

С помощью всем привычного Adobe Photoshop можно быстро установить нужный размер изображений для социальных сетей. Но тебе потребуется руководство по социальным сетям, так как в Photoshop нет шаблонов для этого. Меняя пропорции и размер картинки, не забудь конвертировать ее в Smart Object, чтобы не ухудшить качество.
Adobe Spark

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

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

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

Одноклассники

Размеры аватара:

• Размер миниатюры – не менее 190х190 px.
• Оптимальный размер – 288х288px
• Максимальное разрешение файла – 1680х1680 px.
• Фотография профиля в Одноклассниках имеет квадратную форму.

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

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

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

• Максимальное разрешение – 1680х1680 px.
• Обложка для мобильной версии (ее можно загрузить отдельно) – не менее 1024х768 px.
• Соотношение сторон – 4:3
• В новостной ленте пост отображается размером 548х411 px.
• В раскрытом состоянии размеры изображений – 780х585 px.
• Можно загружать квадратные, вертикальные и горизонтальные изображения. Стороны картинки масштабируются до граничных показателей.

Реклама:

Рекламные форматы для продвижения страниц и групп в Одноклассниках (источник: ОК-Медиакит-2019)

• тизер – не менее 90х75px и не более 60Кб. Располагается в правой и левой колонках в полной версии сайта;
• баннер – 240х400px, не более 60Кб. Отображается в правой части сайта на ПК;
• мультиформат – несколько изображений не менее 256х256, 1080?607, 600х600px;
• карусель – от 3 до 6 карточек размером 600х600px.

Рекламные форматы для продвижения игр в Одноклассниках (источник: ОК-Медиакит-2019)

• продвижение игр: баннер 128х128 px в разделе «Игры для вас»
• Размер файла для рекламного объявления – не более 150 Кб.

Форматы изображений: GIF, JPG и PNG.

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

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

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

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

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

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

Instagram

Размер изображений на странице
Instagram
Размер аватара в профиле – 110х110 px. Размер фото в постах – 1080х1080 px.

• загруженные фотографии представлены в виде квадратных миниатюр на странице, на которых также должно быть четко видно содержимое поста.
• Фотоконтент отображается с разрешением 612х612 px.
• В новостной ленте фото отображается в размере 510х510 px.
• Миниатюра поста составляет 161х161 px.
• Для прямоугольных фотографий (портретных) лучше выбрать разрешение 1080х1350 px, либо сохранить соотношение 4:5.

Размер Сторис – 1080х1920 pх.

• В Instagram Сторис можно загружать как вертикальные, так и горизонтальные изображения с соотношением сторон от 9:16 до 1.91:1.
• Для вертикальных картинок в историях рекомендован размер 1080х1920 px.
• Размер фото в Сторис позволяет делиться личными фото во весь рост или большими объявлениями с текстом.
• Минимальный размер фото или видео для Сторис – 600х1067 px.
• Пропорции 9:16.
• Допустимый вес файла – 4 Гб.

Картинка для обложки IGTV – 420х654 px.

• Рекомендуется использовать изображения с соотношением сторон 1:1.55.

Реклама в Ленте Instagram и вкладке «Интересное»

• Квадрат: от 600х600 до 1936х1936 px (соотношение сторон – 1:1).
• Альбомная ориентация: от 600х315 до 1 936х1 936 px (соотношение сторон – 1.91:1).
• Вертикальный формат: от 600х750 до 1 936х1 936 px (соотношение сторон – 4:5).
• При создании объявления можно обрезать изображение во встроенном редакторе.

Youtube

Размер изображений на странице
Youtube
Размер аватара канала – 800х800 px.

• Youtube сжимает изображение до 98х98 px.
• Форматы: JPG, BMP, PNG и GIF-файлы без анимации.

Размер изображения шапки канала: 2560х1440 px.

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

Картинка для обложки альбома: от 1400 x 1400 до 4098 x 4098 px

• Соотношение сторон – 1:1
• Вид обложки зависит от типа устройства, на котором просматривается канал.
• YouTube рекомендует загрузить одно изображение размером 2560х1440 px и учитывать, что «безопасная зона», при размещении в которой ваш текст или логотип не будет обрезан – 1546х423 px по центру изображения.

Размер видео (Full HD) – не менее 1280х720 px.

• Соотношение сторон видеоролика – 16:9.

Превью видео – 1280х720px.

• Превью видео – это изображение, которое показывается при предпросмотре.
• Допустимые форматы – JPG, GIF, GMP или PNG.

Реклама на Youtube

• Медийные объявления – 300х250 px или 300х60 px.

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

• Оверлеи – 468х60 или 728х90 px.

Полупрозрачные оверлеи появляются в нижней части (20%) окна просмотра видео.

Посты

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

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

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

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

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

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

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

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

Twitter

Размер фото профиля – 400х400 px.

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

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

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

Размер фото поста в Твиттере – не менее 440х220 px.

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

Реклама в Twitter

Для российских пользователей реклама в Twitter недоступна. В самой соцсети упоминается, что возможности сети ограничены в странах, в отношении с которыми действуют санкции США.

Pinterest

Все загруженные иллюстрации и фото называются пинами (pin).

Размер изображений на странице
Pinterest
Размеры аватара – 165х165 px.

• Если зарегистрироваться на Pinterest через Facebook или Twitter, сервис скопирует фото профиля на аккаунт Пинтерест.

Обложка доски

• Рекомендуемый сайтом размер – 200х200px, но лучше брать 600х600 или 800х800px.

Размеры пина – 1000х1500 px.

· Минимальное разрешение 600х900 px.

· Оптимальное соотношение сторон 2:3.

· На странице профиля и в поисковой выдаче пин имеет ширину 236 px. Высота масштабируется.

• Допустимый вес файла 10 Мб.
• Форматы: JPG и PNG.

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

Рекламные пин-карусели

• Количество изображений в пин-карусели: от 2 до 5.
• Тип файла: PNG или JPEG.
• Максимальный размер файла: 32 МБ на одно изображение
• Соотношение сторон: 1:1 или 2:3.

Вывод

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

Надеемся, мы помогли вам разобраться с размерами картинок в социальных сетях. А если вам интересен не только качественный визуал, но и продажи, регистрируйтесь в сервисе автоматизации маркетинга SendPulse. Отправляйте email рассылки, push уведомления, SMS и Viber рассылки, а также создавайте чат-ботов для ВК, Telegram и Facebook Messenger.

Зачем соблюдать нужные пропорции и разрешения для фото

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

• зернистость;
• неудачное кадрирование;
• растяжение по вертикали или горизонтали.

Для SMM-щика следить за качеством визуальной составляющей группы — must have. С помощью красивой картинки можно легко поделиться с аудиторией интересным фотоконтентом, который расскажет чем занимается человек или компания. Фотографии плохого качества портят все впечатление о странице и снижают доверие к контенту в аккаунте. А значит — меньше подписок, лайков и репостов.

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

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

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

Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:

Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали: