Мануал: размеры картинок для социальных сетей

Разместил: Юрий | 25.01.2016
10 комментариев

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

Так вот, чтобы ваши страницы или группы нормально продавать — их нужно грамотно оформлять.

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

 

А в этой статье мы разберем как оформлять страницы 9 соц сетях: Facebook, Вконтакте, Twitter, Instagram, YouTube, Pinterest, Linkedin, Google+ и Одноклассники.

Почему важно учитывать размеры картинок

Ну, тут всё просто. Если вы знаете размеры — вы сможете качественно оформить свою группу, например Вконтакте. Как это сделать мы уже тоже обсуждали ЗДЕСЬ.

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

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

И тут важно, чтобы из-за изменения размера не пострадало качество изображения.

Вконтакте

Картинка к внешним ссылкам: 537 x 240 px

картинка к посту в вк
Вы публикуете изображение, которое указывается в метаданных сайта (поле og:image). Можно просто взять картинку с сайта.

И будет не очень важно, какого размера исходное изображение — ВК автоматически сожмет картинку до 537×240 px.

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

Читайте также:  Как создать группу в фейсбук?

обрезаная картинка
Картинка для поста: 700 x 500 px

Самый подходящий размер картинки для поста Вконтакте — 700 х 500 px, а самый большой из возможных — 1000 х 700 px.

картинка для вк поста
При загрузке, кстати, сохраняются пропорции изображений.

Фото профиля: 200 х 500 px

Ну, тут все просто.

размеры профиля в ВК
Пояснять не нужно.

Facebook

Картинка к внешним ссылкам: 1200 x 630 px

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

Facebook рекомендует заливать картинки размером 1200 x 630 px, чтобы лучше отображались, хотя ее размер , который отображается 470 x 246 px.

Если размеры картинки будут меньше, чем 470 х 246 px, то она будет отображаться в виде маленького квадратика (158 х158 px) рядом с текстом.

Еще это может происходить, когда у вас на сайте есть неполадки с кодом метаданных, которые передаются в соц сеть (тег og:image).

Картинка для поста: 1200 x 630 px

картинка к посту в фб
В ленте новостей изображение уменьшается до 470 px по ширине.

Пропорции сохраняются.

Вертикальная же картинка Уменьшается до 394 px по высоте.

картинка в ленте постов фб
Обложка: 851 х 315 px

размеры обложки
Фото профиля: 180х180 px

Ну это аватарка, без комментариев.

Twitter

Картинка для твита: 1024 x 512 px

картинка к твитам
В ленте твитов картинка с горизонтальным форматом уменьшается до 506 px по ширине.

Вертикальная же картинки будет уменьшаться пропорционально до 506 px по высоте и ширине и будет квадратом.

Обложка: 1500 х 500 px

обложка твиттера
Фото профиля: 400 x 400 px

Как всегда — без комментариев.

OK.ru

Картинка для поста: 1680 х 1680 px

Читайте также:  Мой кейс по продвижению двух групп

картинка поста в ок
Максимальный размер изображения, которое реально заливать в ОК — 1680 px по большей стороне.

Причем в ленте изображение отображается размером 548 x 411 px. 411 px — max высота вертикальной картинки, а 548 — max ширина горизонтальной картинки.

По клику на неё — изображение может «раскрыться» до размером 780 х 585px.

Обложка: 1340 x 320 px

Фото профиля: 190 х 190 px

… БЕЗ комментариев

Google+

Все картинки отображаются размером 426 px по ширине, пропорции сжимаются по высоте.

Информация о каждом изображении берется из мета.

В некоторых постах изображение будет показываться в 2 колонки — тогда ширина картинки будет 886 px.

Обложка: 2120 x 1192 px

профиль гугл+
Фото профиля: 250 х 250 px

YouTube

Картинка поверх видео: 1280 x 720 px

Обложка канала: 2560 x 1440 px

youtube обложка канала
Уж простите за не оформленность канала. Банально не успеваю. Постоянные читатели, надеюсь, понимают.

Фишка ютуба в том, что вид обложки канала зависит от устройства, на котором ваши подписчики просматривают этот канал.

Рекомендуется загружать одну картинку (цельную) размером 2560 x 1440 px. При этом нужно учитывать, что зона для текста, при размещении в которой ваши фотки или текста не обрежутся — размером 1546 х 423 px и находится по центру этой картинки!

На самом деле, я в скором времени собираюсь достаточно большое количество времени и сил потратить на youtube.

Но это только после выполнения своей основной цели!

Фото профиля: 800 x 800 px

Instagram

Картинка для поста: 1080 x 1080 px

картинки для instagramm
В Instagramm идеальная картинка будет размером в 1080 px.

Для web-версии фотки будут показываться размером 291 x 291 px.

Читайте также:  Результаты конкурса групп

Фото профиля: 110 x 110 px

Pinterest

Картинка для пина: 735 x 1102 px

pinterest оформление
Размер — 735 x 1102 px будет идеальным для pinterest.

Хотя в самой ленте все изображения показываются с размером 235 px по ширине. Все пропорции конечно сохраняются. Но только до тех пор, пока они хотябы примерно равняются соотношениям 2:3 – 1:3,5.

Если картинка будет черезчур вытянута (пропорция 1:4 и больше), Pinterest будет такие картинки обрезать.

В этом случае полную картинку можно будет увидеть только в полном отображении, т.е. кликнув на неё.

По клику картинка открывается до 735 px по ширине.

Фото профиля: 165 x 165 px

Linkedin

Картинка к внешним ссылкам: 180 х 110 px и

В ленте корпоративной страницы картинки к ссылкам отображаются размером 180 х 110 px.

Информация об изображении для ссылки будет браться из мета данных сайта, с тех же ogg.

Картинка для поста: 350 x 230 px

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

Обложка: 646 x 220 px

Фото профиля: 400 х 400 px

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

Но это уже другая история, которую мы рассмотрим в следующей статье. Поэтому подписывайтесь и встретимся в следующих статьях.

С уважением, Денис Тумилович.

Рубрика: SMM

10 комментариев

  1. Сергей Оксак

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

    Ответить
    1. Надежда

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

      Ответить
  2. Александр

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

    Ответить
    1. Денис Тумилович

      Это не от размера картинки, а от микроразметки картинок, я упоминал в статье про всякие ogg теги :) Это она и есть.

      Чуть позже напишу статью на эту тему.

      Ответить
  3. Людмила

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

    Ответить
  4. Сергей Post author

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

    Ответить
  5. Олег

    Будем знать)) Я как-то вообще картинкам мало внимания уделяю (понимаю, что зря). Кстати, у меня была проблема с оформлением канала YouTube. Постоянно куда-то сползало изображение. Вроде всё делал правильно, но в итоге ничего не получилось. Поэтому поставил простенький фон…

    Ответить
  6. Александр Викторович

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

    Ответить
  7. Ольга

    Круто получилось, а у вас есть где-нибудь точно такой же список только в PDF формате, чтобы скачать можно было?

    Ответить
  8. Сергей Post author

    Думаю что это не очень важно соблюдать какой то размер картинок для поста или фото профиля или еще чего то. Тут скорее все идет от верстки, если же Вам катить блок для постов в 200х200 то он и такой и будет и Вы не будете следовать размеру 350 x 230 px потому что Ваш макет сделан 200х200

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *