ПРактика

Справочник: размеры картинок для 9 социальных сетей

Facebook, Вконтакте, Twitter, Instagram, YouTube, Pinterest, Linkedin, Google+ и Одноклассники.
Гайдлайны картинок социальных сетей важно учитывать, потому что картинки меньше рекомендованного размера «растягиваются» и становятся нечеткими, а картинки большего размера могут сжиматься программным способом и тоже выглядеть хуже, чем в оригинале. Если у картинки будут отличные от рекомендованных пропорции, то она может обрезаться в неудачном месте.
Если погружаться в тонкости не хочется совсем, запомните один размер: 1024 x 512 px. В большинстве случаев такая картинка будет отображаться корректно. Либо можно воспользоваться сервисами, которые сделают картинку правильного размера за вас.

Далее: таблица с наиболее важными параметрами основных социальных сетей и комментарии с иллюстрациями по каждой сети.
Картинка к внешним ссылкам: 1200 x 630 px
Картинка для поста: 1200 x 630 px
Обложка: 851 х 315 px
Фото профиля: 180х180 px
Картинка к внешним ссылкам: 537 x 240 px
Картинка для поста: 700 x 500 px
Фото профиля: 200 х 500 px
Картинка для твита: 1024 x 512 px
Обложка: 1500 х 500 px
Фото профиля: 400 x 400 px
Картинка для поста: 1080 x 1080 px
Фото профиля: 110 x 110 px
Картинка поверх видео: 1280 x 720 px
Обложка канала: 2560 x 1440 px
Фото профиля: 800 x 800 px
Картинка для пина: 735 x 1102 px
Фото профиля: 165 x 165 px
Картинка к внешним ссылкам: 180 х 110 px
Картинка для поста: 350 x 230 px
Обложка: 646 x 220 px
Фото профиля: 400 х 400 px
Обложка: 2120 x 1192 px
Фото профиля: 250 х 250 px
Картинка для поста: 1680 х 1680 px
Обложка: 1340 x 320 px
Фото профиля: 190 х 190 px
Размеры изображений в Facebook
1. Картинка к постам — 1200 x 630 px
Скриншот https://www.facebook.com/tildapublishing
В ленте горизонтальная картинка будет уменьшена до 470 px по ширине. Пропорции сохранятся.
Скриншот https://www.facebook.com/tildapublishing
Вертикальная картинка будет уменьшена до 394 px по высоте. Пропорции сохранятся.
Скриншот https://www.facebook.com/MaxEreminePhotography
2. Картинка к внешним ссылкам — 1200 x 630 px
Скриншот https://www.facebook.com/tildapublishing
При публикации отображается картинка, указанная в метаданных сайта (поле «og:image»). Хотя ее размер 470 x 246 px, facebook рекомендует загружать изображение размером 1200 x 630 px для лучшего отображения на мониторах с высоким разрешением.

Если картинка размером меньше, чем 470 х 246 px, она будет отображаться в виде небольшого квадрата (158 х158 px) рядом с текстом. Так еще может происходить, если есть ошибки в тэге «og:image».
Скриншот https://www.facebook.com/tildapublishing
3. Картинка на обложке — 851 х 315 px
Скриншот https://www.facebook.com/tildapublishing
Размеры изображений Вконтакте
1. Картинка к внешним ссылкам — 537 x 240 px
Скриншот https://vk.com
При публикации отображается картинка, указанная в метаданных сайта (поле og:image), либо берется просто картинка с сайта.

Неважно, какого размера исходная картинка — в вконтакте она будет сжата до размера 537x240 px. Пропорции важны — если картинка квадратная или вертикальная будет большая часть изображения будет обрезана.
Кадрирование исходного изображения может быть неожиданным.
2. Картинка для публикации — 700 х 500 px
Скриншот https://vk.com/tildapublishing
Оптимальный размер изображения поста Вконтакте — 700 х 500 px, а максимальный — 1000 х 700 px. Пропорции картинок при загрузке сохраняются.

Рекомендации Вконтакте по размерам изображений.
Размеры изображений в Twitter
1. Картинка к твитам — 1024 x 512 px
Скриншот https://twitter.com/sagmeisterwalsh
В ленте горизонтальная картинка будет уменьшена до 506 px по ширине. Пропорции сохранятся.

Вертикальное изображение будет уменьшено до 506 px по высоте и ширине и станет квадратным.
Скриншот https://twitter.com/designboom
2. Картинка на обложку — 1500 x 500 px
Скриншот https://twitter.com/JessicaWalsh
Размеры изображений в Instagram
Скриншот https://www.instagram.com/mb_dimkin/
Лучший размер фотографий для загрузки в Instagram — 1080 px. В веб-версии фотографии будут отображаться размером 291x 291 px.
Размеры изображений в YouTube
Скриншот https://www.youtube.com/tildapublishing
Вид обложки зависит от типа устройства, на котором просматривается канал. YouTube рекомендует загрузить одно изображение размером 2560 x 1440 px и учитывать, что «безопасная зона», при размещении в которой ваш текст или логотип не будет обрезан — 1546 х 423 px по центру изображения.

Рекомендации YouTube по размерам изображений.
Размеры изображений в Pinterest
Скриншот https://www.pinterest.com
Лучший размер фотографий для загрузки в Pinterest — 735 x 1102 px.

В ленте все картинки отображаются размером 235 px по ширине. Пропорции сохраняются до тех пор, пока они примерно равны 2:3 – 1:3,5. Если фотография слишком вытянутая (пропорция 1:4 и далее), Pinterest ее обрежет и полную версию можно будет увидеть только при клике.

При клике изображение открывается до 735 px по ширине.
Скриншот https://www.pinterest.com
Размеры изображений в Linkedin
Скриншот https://www.linkedin.com/
В ленте корпоративной страницы картинки к ссылкам отображаются размером 180 х 110 px. Информация о картинке для ссылок берется из метаданных сайта.

Прикрепленные изображения сжимаются до 350 px по ширине. Пропорции сохраняются.

Рекомендации Linkedin по размеру изображений.
Размеры изображений в Google+
Скриншот https://plus.google.com
И картинки к внешним ссылкам, и просто загруженные фотографии отображаются размером 426 px по ширине, высота меняется пропорционально. Информация о картинке для ссылок берется из метаданных.
Скриншот https://plus.google.com
В некоторых постах картинка показывается в две колонки, в этом случае ее ширина равна 886 px.

Рекомендации Google+ по размеру изображений.
Размеры изображений в Одноклассниках
Скриншот https://ok.ru
Максимальный размер картинки, которую можно загрузить в «Одноклассники» без потери качества —1680 px по большей стороне.

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

При клике картинка раскрывается до размера 780 х 585px.
Сервисы для подготовки фото к публикации
Чтобы не держать в голове все размеры, используйте сервисы, которые помогут вам быстро получить картинку нужного формата.
1
Если вы делаете сайт, с помощью платформы Tilda Publishing, используйте встроенный инструмент для создания бейджика — картинки, которая будет отображаться при расшаривании в социальных сетях.
Вы можете выбрать изображение, сделать затемнение, написать текст. Все параметры настраиваются.
2
Элементарный редактор, который предлагает три варианта формата изображения: вертикальный для Pinterest, квадратный для Instagram и горизонтальный для Facebook и Twitter. Не требует регистрации — зашли, загрузили, скачали, опубликовали.
3
Достаточно продвинутый редактор, с большим количеством настроек, хотя и по-прежнему очень простой и удобный. Можно использовать готовые темплейты (фото для обложки, фото для поста), либо указать собственные размеры.
Внутри редактора свой фотобанк, в котором довольно много приличных бесплатных фотографий. Платные фотографии стоят $1 и в отличие от многих фотостоков, Canva позволяет купить отдельное фото, без подписки.

Поверх фото можно сделать надпись, выбрав подходящий шрифт и стиль надписи.

Текст, верстка: Ира Смирнова, Tilda Publishing
Фото на обложке: Blast 707 Photography