Всем привет, дорогие друзья. Многие из вас уже знают мою страсть — социальные сети. Я выбрал это направление не столько из-за того что очень люблю соц сети, сколько из-за его актуальности и возможности увеличить продажи любого товара или услуги.
Так вот, чтобы ваши страницы или группы нормально продавать — их нужно грамотно оформлять.
А чтобы их грамотно оформить — нужно четко знать, какого размера должны быть картинки для оформления страниц в социальных сетях. Об этом мы сегодня и поговорим.
А в этой статье мы разберем как оформлять страницы 9 соц сетях: Facebook, Вконтакте, Twitter, Instagram, YouTube, Pinterest, Linkedin, Google+ и Одноклассники.
Почему важно учитывать размеры картинок
Ну, тут всё просто. Если вы знаете размеры — вы сможете качественно оформить свою группу, например Вконтакте. Как это сделать мы уже тоже обсуждали ЗДЕСЬ.
Кроме этого, нужно учитывать понимание того факта, что картинки могут растягиваться. Например в самом верху страницы группы — изображения одного размера.
А когда вы пролистаете чуть ниже и боковая колонка уберется — размер уже будет совсем другой.
И тут важно, чтобы из-за изменения размера не пострадало качество изображения.
Вконтакте
Картинка к внешним ссылкам: 537 x 240 px
И будет не очень важно, какого размера исходное изображение — ВК автоматически сожмет картинку до 537×240 px.
Пропорции будут важны важны — когда картинка будет квадратная или вертикальная — в этом случае большая часть картинки будет обрезана, вот так:
Самый подходящий размер картинки для поста Вконтакте — 700 х 500 px, а самый большой из возможных — 1000 х 700 px.
Фото профиля: 200 х 500 px
Ну, тут все просто.
Картинка к внешним ссылкам: 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
Пропорции сохраняются.
Вертикальная же картинка Уменьшается до 394 px по высоте.
Ну это аватарка, без комментариев.
Картинка для твита: 1024 x 512 px
Вертикальная же картинки будет уменьшаться пропорционально до 506 px по высоте и ширине и будет квадратом.
Обложка: 1500 х 500 px
Как всегда — без комментариев.
OK.ru
Картинка для поста: 1680 х 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
…
YouTube
Картинка поверх видео: 1280 x 720 px
Обложка канала: 2560 x 1440 px
Фишка ютуба в том, что вид обложки канала зависит от устройства, на котором ваши подписчики просматривают этот канал.
Рекомендуется загружать одну картинку (цельную) размером 2560 x 1440 px. При этом нужно учитывать, что зона для текста, при размещении в которой ваши фотки или текста не обрежутся — размером 1546 х 423 px и находится по центру этой картинки!
На самом деле, я в скором времени собираюсь достаточно большое количество времени и сил потратить на youtube.
Но это только после выполнения своей основной цели!
Фото профиля: 800 x 800 px
…
Картинка для поста: 1080 x 1080 px
Для web-версии фотки будут показываться размером 291 x 291 px.
Фото профиля: 110 x 110 px
…
Картинка для пина: 735 x 1102 px
Хотя в самой ленте все изображения показываются с размером 235 px по ширине. Все пропорции конечно сохраняются. Но только до тех пор, пока они хотябы примерно равняются соотношениям 2:3 – 1:3,5.
Если картинка будет черезчур вытянута (пропорция 1:4 и больше), Pinterest будет такие картинки обрезать.
В этом случае полную картинку можно будет увидеть только в полном отображении, т.е. кликнув на неё.
По клику картинка открывается до 735 px по ширине.
Фото профиля: 165 x 165 px
…
Картинка к внешним ссылкам: 180 х 110 px и
В ленте корпоративной страницы картинки к ссылкам отображаются размером 180 х 110 px.
Информация об изображении для ссылки будет браться из мета данных сайта, с тех же ogg.
Картинка для поста: 350 x 230 px
Прикрепленные картинки ужимаются до 350 px по ширине. Пропорции сохраняются.
Обложка: 646 x 220 px
Фото профиля: 400 х 400 px
…
Чтобы не держать все эти размеры в голове — можно воспользоваться готовыми сервисами. Которые подготовят ваши изображения к публикцаии в любой соц сети.
Но это уже другая история, которую мы рассмотрим в следующей статье. Поэтому подписывайтесь и встретимся в следующих статьях.
С уважением, Денис Тумилович.
Очень полезная информация для оформления своих групп в соцсетях. Опыта у меня в этом деле пока маловато, поэтому буду учиться у знающих людей…
Мне тоже статья понравилась, очень все конкретно, можно как инструкцию использовать. Правда ведь там можно вырезать нужный размер из слишком большого.
Отличная статья. А какого размера должны быть картинки на блоге? Я везде искал эту информацию, но так и нашёл. Ну по крайней мере она мне не подходит. Просто у меня такая проблема. Когда я делюсь информацией со своими друзьями в контакте, то картинка со статьи к репосту почему то не загружается, и репост состоит только из одного текста. В остальных сетях нормально, а вот проблема только с контактом. Думал, может это дело в теме, но я такое у многих замечал. Можно конечно миниатюры прикреплять, но они маленького размера, и тогда на блоге плохо смотрятся. Может кто что то подскажет?
Это не от размера картинки, а от микроразметки картинок, я упоминал в статье про всякие ogg теги :) Это она и есть.
Чуть позже напишу статью на эту тему.
Спасибо, для меня точно это новость, всегда размещала картинки, особо не задумываясь об их размерах, оказывается и здесь имеются свои правила.
никогда не думал что это очень важно, спасибо что проинформировали
Будем знать)) Я как-то вообще картинкам мало внимания уделяю (понимаю, что зря). Кстати, у меня была проблема с оформлением канала YouTube. Постоянно куда-то сползало изображение. Вроде всё делал правильно, но в итоге ничего не получилось. Поэтому поставил простенький фон…
Тоже загружаю картинки в соцсети не задумываясь о размере. Просто даже не знал об этом. Но как правило у меня картинки горизонтальные, вертикальные бывают очень редко. На блоге установлен средний размер, думаю он оправдан. При необходимости картинка увеличивается. Информация о соцсетях для меня весьма полезна.
Круто получилось, а у вас есть где-нибудь точно такой же список только в PDF формате, чтобы скачать можно было?
Думаю что это не очень важно соблюдать какой то размер картинок для поста или фото профиля или еще чего то. Тут скорее все идет от верстки, если же Вам катить блок для постов в 200х200 то он и такой и будет и Вы не будете следовать размеру 350 x 230 px потому что Ваш макет сделан 200х200