Размеры картинок для соцсетей: памятка маркетологу для создания красивых постов


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

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

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

— Картинка к внешней ссылке / Обложка статьи / Прямоугольная картинка для ленты: минимум 510 х 240 рх.

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

— Квадратная картинка для ленты: минимум 510 х 510 рх.


Пример квадратной картинки в ленте развлекательного канала

— Обложка группы: оптимально 1590 х 400 рх.

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

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


Пример популярной группы ВКонтакте

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


Пример истории со страницы компании

Длительность истории ВКонтакте — до 15-ти секунд, размер фото или видео не должен превышать 10 МБ. Размер видео — 720 х 1280 рх.

Размеры фото в ВК для рекламы

— Изображение для витрины товаров: минимум 510 х 510 рх.


Изображение с витрины товаров магазина ВКонтакте

— Для карусели товаров: минимум 400 х 400 рх.


Рекламная карусель товаров в ленте

— Прямоугольная картинка для рекламы с кнопкой: минимум 510 х 290 рх

— Реклама внешних сайтов в боковой колонке.

Реклама внешних сайтов в боковой колонке публикуется в разных форматах: визуал с текстом — 145 х 85 рх, визуал с заголовком — 145 х 165 рх.

Справа в примере — картинка к рекламе с кнопкой, размер 540 х 304 рх. Слева — реклама в боковой колонке: с текстом, размер 145 х 85 рх; большое изображение с заголовком, размер 145 х 165 рх.


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

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

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

Максимальный размер фото ВКонтакте после сжатия — 1280 х 1024 рх.

Максимальный вес изображения для поста ВК — 5 МБ.

Между перетаскиванием фото из папки компьютера и кнопкой «Добавить фотографии» выбирайте первый вариант. Это рекомендация от разработчиков ВКонтакте.


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

Мы определились с размером картинки поста ВК, но также обратите внимание на формат. Выбирайте JPG, GIF, PNG.

Откройте для себя чат-бота

Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.

Создать чат-бота

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.

Обложка группы ВКонтакте
Обложка нашей группы vk.com/prcyru

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

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

Общие рекомендации к обложке

Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

схема обложки размеченная
Схема обложки с разметкой

Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно .

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

группа ВКонтакте на смартфоне
Обрезалось часть названия на обложке

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

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

оформление обложки в вконтакте
Стрелка показывает на кнопку с сообщением

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

Охват группы в ВКонтакте
Скриншот статистики группы PR-CY

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

шапка группы ВК на мобильном
Стрелка указывает на аватарку


Стрелка указывает на пустое поле

Динамическая обложка

Размеры: такие же, как у обычной обложки.

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

динамическая обложка с выводом подписчиков
Пример с выводом аватарок активных участников на обложку


Аватарка нового подписчика на обложке

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

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

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

Анимационная обложка на мобильных

Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.

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

Обложка группы в мобильном просмотре Обложка группы по клику в мобильном просмотре

Включается эта возможность в Настройках сообщества:

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

Дальше появится окно с добавлением фотографий в слайд-шоу для анимированной мобильной обложки:

выбор картинок для анимированной обложки ВК
Добавление фотографий

Какой размер материалов выбрать:

Для фото рекомендуем разрешение 1080×1920 или другое в пропорции 9:16 вертикальной ориентации. Размер видео такой же, длительность до 30 с, размер до 30 Мб, MP4, видеокодек H.264, аудиокодек AAC.

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

Рассмотрим, какие требования к изображениям у популярной отечественной соцсети.

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

— Размер обложки профиля «Одноклассники»: оптимально 1944 х 600 рх.

— Обложка для мобильной версии: минимум 1024 х 768 рх.

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


Скрин профиля группы в «Одноклассниках»

— Картинка поста: максимум 1680 х 1680 рх.


Скрин публикации группы в «Одноклассниках»

— Картинка к внешней ссылке: минимум 546 х 272 рх.

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


Обложка популярной группы в «Одноклассниках»

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

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

В ленте группы картинки отображаются в размере 548 х 411 рх.

Какую иконку выбрать для логотипа?

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

Релевантность

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

Простота

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

Функциональность

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

Бренд Пакет Логастер

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

Три основных формата изображений в Instagram: фото профиля, публикация в ленте, картинка для сторис.

— Размер аватарки в Инстаграм: минимум 180 х 180 рх.

Размер обложки под актуальные Stories: максимум 1080 x 1920 рх.

На скрине: вверху — фото профиля, ниже — обложки под наборы сторис.


Скрин обложек Stories в Instagram

— Размеры поста в Инстаграм: оптимально 1080 х 1080 рх.


Скрин фото из профиля в Instagram

Скачать фото напрямую из Инстаграма нельзя, только через специальные программы или скриншоты.

— Для сторис: 1080 х 1920 рх.

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


Примеры рекламы в ленте сторис

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

Размер фото профиля Инстаграм должен быть не менее 110 х 110 рх.

Старайтесь, чтобы размер картинки для поста в Инстаграм укладывался в пропорции от 1.91 к 1 и до 4 к 5.

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

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

— Превью: 1280 x 720 рх.

— Обложка канала: 2560 x 1440 рх.

— Аватар: 800 x 800 рх.

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


Скрин профиля канала YouTube

— Обложка альбома: от 1400 x 1400 до 4098 x 4098 рх.

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

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

Вес превью — до 2 МБ. Минимальная ширина — 640 рх.

Вес обложки канала — до 6 МБ.

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

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

— Картинка профиля: оптимально 400 х 400 рх.

— Размер шапки «Твиттера»: оптимально 1500 х 500 рх.

— Фото для постов: не принципиально, но размером до 5 МБ.

На примере мы видим золотой стандарт размеров: обложка профиля — 1500 х 500 рх, аватар — 400 х 400 рх.


Скрин профиля Илона Маска

Мы определились с размером шапки «Твиттера», со стандартами к другим типам картинок, теперь обратимся к форматам. Фото профиля отображается в JPG, GIF и PNG.

Устанавливаем «шапку» сообщества

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

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

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

Требования к изображениям на фотохостинге следующие:

— Пост (пин): не принципиально, но оптимально 800 х 1200 рх.


Скрин пина из профиля Pinterest

— Обложка подборки пинов: минимум 225 х 150 рх.

На картинке показано, где будет обложка для подборки пинов и как ее задать.


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

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

— Баннер для профиля: оптимально 3000 х 1055 рх.

Рассмотрим на примере ниже, как выглядит аватар и баннер для профиля.


Скрин профиля пользователя Pinterest

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

В пользовательской ленте все картинки показываются с шириной 235 рх:


Лента в Pinterest, пины отображаются с одинаковой шириной

Узкие картинки Pinterest обрезает, настоящий размер пользователь увидит, когда кликнет на пин.

Выбор фона

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

Дополнительно создатели виджета добавили готовые шаблоны, позволяющие не переживать о поиске картинок.

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

Переходим к профессиональной соцсети LinkedIn. Рекомендации по размерам иллюстраций следующие:

— Картинка к посту с внешнего ресурса / Визуал для поста: оптимально 1200 х 630 рх.

— Обложка пользователя: оптимально 1584 х 396 рх.

— Обложка профиля компании: оптимально 1536 х 768 рх.

— Фото профиля: минимум 400 х 400 рх.

Посмотрим, как выглядит профиль LinkedIn. На картинке слева — аватар, справа — обложка профиля.


Скрин профиля Билла Гейтса в LinkedIn

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

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


Обложка популярного сообщества

Визуальный контент постов отображается с шириной 350 рх.

Что такое постер Вконтакте и как им пользоваться?

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

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

Площадка микроблогов Tumblr не предусматривает разнообразие размеров визуального контента. Чтобы делать записи в Tumblr, нужно зарегистрироваться и создать микроблог. Микроблогов может быть несколько, именно в них можно загрузить аватар, обложку профиля.

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

— Обложка профиля: оптимально 3000 х 1055 рх.


Интерфейс микроблога, куда можно добавить аватар и обложку профиля

— Изображение поста: не принципиально, оптимально 500 х 750 рх.

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


Вид ленты в Tumblr

Через сервис также можно делать анимированные посты формата GIF, до 540 рх по ширине, весом до 3 МБ; и видеопосты формата MOV и MP4, весом до 100 МБ.

Вывод

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

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

Рейтинг
( 1 оценка, среднее 4 из 5 )
Понравилась статья? Поделиться с друзьями: