Оптимальные размеры картинок для соцсетей в 2021 году: чтобы SMM был красивым

Бывает, загружаешь картинку для поста Вконтакте, а она растягивается, и самое главное не видно. Или на ПК все нормально, а в мобильной версии — криво. Проблема всегда в размерах. Чтобы ваши соцсети всегда оставались красивыми, загружайте картинки подходящего размера. Мы посмотрели официальные руководства. Вот актуальные размеры картинок в пикселях для соц. сетей.

Форматы: JPG, PNG. Преимущество у PNG — потому что алгоритмы Фэйсбука* сильно сжимают картинки, пикселизация выглядит не очень.

Фото профиля:180х180

Фото профиля — всегда квадратное, 180х180 px. Оно отобразится с небольшой подрезкой не только на вашей страничке, но и в таймлайне, возле комментариев и в строке выдачи, если кто-то будет искать нас через поиск. Можем комбинировать с обложкой — фото отображается на 176 пикселей ниже верхнего края.

Десктопы: 170х170

Смартфоны: 128х128

Бабушкофоны: 36х36

Соотношение: 1:1

Обложка: 820х312

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

Десктопы: 820х312

Смартфоны: 640х360

Бабушкофоны: не отображают

Соотношение: 2,6:1

Фото бизнес-профиля: 180х180

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

Десктопы: 170х170

Смартфоны: 128х128

Бабушкофоны: 36х36

Миниатюра: 32х32

Соотношение: 1:1

Пост: 1200х630

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

Минимум: 1200х630

В ленте: 470х247

В хронике: 504х265

Соотношение: 1,9:1

Картинки со ссылкой: 1200х628

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

Оптимальный: 1200х628

В ленте (квадрат): 154х154

В ленте (прямоугольник): 470х246

В профиле (квадрат): 116х116

В профиле (прямоугольник): 428х252

Соотношение: 1,9:1

Выделенная картинка: 1200х717

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

Размер: 1200х717

Отображение: 843х504

Обложки событий: 1920х1080

Страницы событий нужны, чтобы привлекать посетителей и подогревать интерес. Поэтому на обложке обычно размещают яркие вовлекающие иллюстрации и красивые дизайны. Лучше размещать фотографии в высоком разрешении — правила Фэйсбука* это разрешают. Главное, соблюдать соотношение.

Размер: 1920х1080

Отображение: 470х174

Отображение в ленте: 470х174

Соотношение: 1,77:1

Другие размеры

• Истории: 1080х1920
• Реклама в ленте: 254х133
• Баннерная и нативная реклама: 254х133
• Истории в мессенджере: 500х889
• Кольцевая галерея: 1080х1080

Совет: Фэйсбук* не любит картинки с текстом — для них охват снижается или показы отпадают совсем. Чтобы не попасть под фильтры соцсети, используйте как можно меньше текста и желательно небольшим шрифтом.

Форматы: для сториз и фотографий — JPG, GIF, PNG; для аватара— JPG и PNG.

Аватар: 110х110

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

Размер: любой

Отображение: 110х110

Соотношение: 1:1

Фотографии в постах: 1080х1080

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

Оптимальный: 1080х1080

Соотношение: 1:1

Для портретов: 1080х1350

Соотношение: 4:5

Отображение: 612х612

В ленте новостей: 510х510

Миниатюры в профиле: 161х161

Сториз: 1080х1920

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

Оптимальный: 1080х1920

Минимальный: 600х1067

Соотношение: 9:16

Другие размеры

• Реклама в ленте: 1080х1080
• Реклама в сториз: 1080х1920
• Обложки для видео: 420х654

Учитывайте, что Инстаграм* — филиал Фэйсбука*. Поэтому у него такие же требования к тексту на картинках. Чем его больше — тем меньше охват аудитории.

Форматы: JPG, GIF, PNG, BMP.

Аватар канала: 800х800

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

Размер: 800х800

Отображение: 98х98

Соотношение: 1:1

Обложка канала: 2560х1440

Шапка — первое, что бросается в глаза, когда пользователь заходит на канал. Она отображается на любых устройствах, поэтому обложку на каналах размещают все и всегда. Главное не забывать, что у нее есть «мертвая зона» по краям изображения, которая не будет отображаться. Размеры шапки достаточно большие. Если втулим картинку с меньшим разрешением, Ютубу придется ее растягивать.

Размер: 2560х1440

«Безопасная» область: 1546х423

Десктоп: 2560х423

Мобильный: 1546х423

Планшет: 1855х423

ТВ: 2560х1440

Соотношение: 1,77:1

Превью к видео: 1280х720

Это изображение, которое мы видим перед запуском видео. Его можно взять куском из самого ролика или загрузить отдельно. Используется размер стандартного HD — потому что многие авторы берут превью прямо из ролика. Главное не перепутать пропорции, иначе Ютубу придется растягивать картинку.

Размер: 1280х720

Соотношение: 16:9

Другие размеры

• Медийные объявления над списком рекомендуемых видео: 300х250 или 300х60
• Оверлеи: 468х60 или 728х90

Форматы: JPG, GIF, PNG

Аватар: 200х200

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

Минимальный: 200х200

Оптимальный: 200х500

Самый большой:  7000х7000

Соотношение сторон: 2:5

Обложка сообщества: 1590х400

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

Для десктопа: 1590х400 или 3,9:1

Для смартфона: 1190х400 или 2,99:1

Меню группы: 510х353

В правилах Вконтакте нет жестких требований к высоте заставки — можно хоть 20 пикселей. Лишь бы было красиво. Когда обрезаете картинку, учитывайте, что баннер будет упираться в вертикальный аватар. А лучше сразу использовать интерактивное меню с кнопками — людям нравится интерактив и ссылки.

Ширина: не менее 510

Высота: не более 353

Соотношение: 5,1:3,5

Изображения со ссылкой: 537х240

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

Ширина: не менее 510

Высота: не более 240

Соотношение: 5,1:2,4

Пост: 510х510

Посты Вконтакте могут быть любыми: вертикальными или горизонтальными, с разным размером, особых ограничений нет. Например, для квадратных картинок оптимальный размер 800х800, для прямоугольных – 800х600. Главное — публиковать интересный контент, вовлекать аудиторию и укладываться в ограничения.

Минимум: 510х510

Максимум: 1200х1200

Соотношение: 1:1

Другие размеры

• Обложка фотоальбома: 1200х800
• Истории: 1080х1920
• Обложки для статей: 510х286
• Миниатюры в альбоме: 123х123
• Реклама сайта: 1080х607
• Лого: 256х256
• Реклама приложения или сайта: 145х165
• Реклама группы: 145х145

Форматы: JPG, GIF, PNG.

Аватар: 190х190

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

Максимум: 1680х1680

Отображение: 190х190

Соотношение: 1:1

Обложка профиля: 1944х600

Максимальное разрешение для обложки достаточно высокое. Но разные гаджеты отображают ее тоже по-разному. Поэтому есть смысл отцентрировать картинку и оставлять незаполненной «мертвую зону» — с каждого края по 480 пикселей. Если хотим, чтобы обложку лайкали и комментили, закрепляем ее в альбоме на странице.

Размер: 1944х600

«Безопасная» область: 980х240

Соотношение: 3,24:1

Картинка поста: 780х585

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

Максимум: 1680х1680

Отображение: 780х585

Пост в ленте: 548х411

Соотношение: 1,3:1

Рекламные иллюстрации

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

Формат с подписью внизу: 600х600

Формат с подписью слева: 256х256

Формат с подписью сверху: 1080х607

Тизеры: 90х75

Изображения для карусели: 600х600

Лента: 1080х607

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

Canva

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

Нет шаблона? Не проблема. В конструкторе можно задать любой размер изображения и создать собственный дизайн. А если раскошелится на про-аккаунт, останется только создать картинку — сервис сам адаптирует ее под нужный размер выбранной соцсети.

Интерфейс Canva. Много готовых шаблонов и простое управление, в котором разберется даже ребенок.

Figma

Еще одна прога с бесплатной версией. Что-то похожее на Канву, только с большим акцентом на UX/UI-дизайнеров. Но в нем можно создавать и картинки. А если использовать специальный плагин — Social Media Image, то получим шаблоны картинок с правильными размерами для социальных сетей. Работаем в три шага: создаем полотно, перетаскиваем картинки и обрабатываем детали.

Интерфейс Фигмы — ничего лишнего. А специальный плагин помогает подгонять картинки для соцсетей прямо в рабочем пространстве — по шаблонам.

Shutterstock Editor

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

Интерфейс Shutterstock Editor. Редактор бесплатный, но загружать свои фотографии не разрешает — только картинки из фотобанка.

ACDSee

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

Интерфейс ACDSee Pro 8. Программа платная, но умельцы быстро взламывают ПО и размещают на бесплатных обменниках. Лучше такими версиями редактора не пользоваться.

Fotor

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

Интерфейс Fotor. Богатый функционал доступен и в бесплатной версии. Но фишки для изменения размеров — только за деньги.

У каждой соцсети — свои размеры изображений. Но разрешение в пикселях не всегда имеет значение. Чтобы картинки правильно масштабировались и отображались на страница, главное — соблюдать пропорции и соотношение сторон. А остальное поправят алгоритмы.

*Суд Москвы признал компанию Meta экстремистской организацией. Организация Meta и ее продукты Facebook и Instagram признаны экстремистскими и запрещены на территории РФ