размеры фото для вк на стену
Шпаргалка по размерам всех изображений для ВКонтакте
Содержание статьи:
1. Размер обложки
Компьютерная версия — 1590 х 400 px.
Мобильная версия — 1196 х 400 px.
Видимая часть с мобильной версии — 916 х 317 px (слева отступы по 140 px — кнопки, сверху отступ 83 px — время, заряд батареи и прочие значки телефона).
2. Размер фото и видео для историй
Видео для историй — 720 х 1280 px
Фото для историй — 1080 х 1920 px
3. Размер аватара
Миниатюра аватара — 200 х 200 px
Минимальный размер целого аватара — 200 х 500 px
4. Размер карточки товара
Карточка товара — 1000 х 1000 px.
5. Размер постов в ленте
Минимальный размер квадратного изображения 510 х 510 px.
Прямоугольный пост — соотношение сторон 3:2.
Для прямоугольного баннера ширина и высота не менее 510 px. Например, 510 х 400 px.
Для чёткости изображения лучше пропорционально увеличить размеры в 2 раза.
6. Размер обложки для видеозаписи
Минимальный размер видео — 1280 х 720 px.
7. Размер изображения для подборки товаров
Минимальный размер 1280 х 720 px.
Видимая часть с мобильной версии — 1060 х 720 px (минус 92 px по ширине с обеих сторон).
8. Размер обложки для альбомов
Обложка для альбома — 1200 х 800 px.
Видимая часть с мобильной версии — 1200 х 600 px (минус 200 px по высоте).
9. Размер обложки сниппета для внешней ссылки
Когда добавляем ссылку на внешний ресурс, она отображается специальным блоком — сниппетом.
Обложка сниппета для внешней ссылки — 537 х 240 px.
10. Размер обложки для статьи
Обложка для статьи — 510 х 286 px.
11. Размер для обложки плейлиста
Минимальный размер обложки для плейлиста — 300 х 300 px.
12. Размер живой обложки
Живая обложка — 1080 х 1920 рх.
Видимая часть в мобильной версии — 850 х 1350 рх (минус 115 рх по ширине и по 285 рх по высоте с обеих сторон).
Максимально эффективное пространство — 850 х 912 рх.
Размеры изображений для ВКонтакте
Обложка в группе
Рекомендуемый размер для загрузки составляет 1590 пикселей в ширину и 400 пикселей в высоту. Не забудьте про адаптацию под моб. устройства.
Картинка для поста: 700 x 500 px
Оптимальный размер изображения поста Вконтакте — 700 х 500 px, а максимальный — 1000 х 700 px. Пропорции картинок при загрузке сохраняются.
Фото профиля: 200 х 500 px
Рекомендации к адаптации обложки групп ВК
2. Не вся обложка отображается корректно на экране мобильного устройства. Края с обоих сторон обрезаются на 197 px. Если вы на обложке решили поместить призыв, девиз, УТП, то стоит это учитывать и помещать информацию в центре обложки.
3. Также обратите внимание на то, что иконки верхнего поля мобильного устройства (время, уровень заряда батареи, Wi-Fi и т.п.) отнимают ещё 83 px сверху. А также ещё по 140 px по краям: на обложку попадут кнопки приложения. Правда эти элементы имеют прозрачность и не так сильно будут влиять на отображение.
Картинка к внешним ссылкам: 537 x 240 px
Чтобы визуально расширить пост и привлечь внимание доп. элементами — есть возможность заменить картинку ссылки на кнопку.
Стандартно: при публикации отображается картинка, указанная в метаданных сайта (поле og:image), либо берется просто картинка с сайта.
Загружаете уже подготовленную иллюстрацию (можно использовать сервис Canva)
Варианты кнопок листайте в право »»»
Гид по картинкам для соцсетей: красиво оформляем FB, Instagram, VK, OK и Twitter
Чтобы хорошо выглядели, вызывали интерес и доверие.
Оформление соцсетей начинается с релевантных и качественных картинок правильного формата.
В этом мини-гиде вы узнаете оптимальные размеры изображений для Facebook, Instagram, «ВКонтакте», «Одноклассники» и Twitter. И познакомитесь с инструментами, которые помогут легко и быстро делать такие картинки. Я взяла за основу реальный проект и создала под него аватар, обложки, разные типы публикаций.
Несколько важных правил:
Коммерческий редактор, SMM-специалист и консультант по продвижению бизнеса в digital-среде. Пишет об интернет-маркетинге и управлении.
Содержание:
Разберём размеры и правила подбора изображений для каждой социальной сети.
«ВКонтакте»
Аватар и обложка
Размер миниатюры аватара — 200×200 px, а полная версия может достигать в высоту до 500 px.
Максимальная область картинки, которая видна на странице сообщества, — 200×500 px. Можно загрузить фотографию и большего размера, но она будет полностью отображаться только при клике на аватар.
Обложка сообщества для полной версии сайта — 1590×400 рх.
Однако в мобильной версии обложка обрезается по краям и отображается только часть — 1196×400 рх. Поэтому старайтесь самую важную информацию размещать по центру.
Ещё «ВКонтакте» позволяет сделать « живую» обложку — до пяти фотографий или видео, которые переключаются автоматически. Это формат только для мобильного приложения, на десктопе всегда отображается статическая обложка.
Рекомендуем загружать туда видео или изображения в разрешении 1080×1920 (такой же формат в «историях»). При других пропорциях «ВКонтакте» автоматически обрежет картинку.
При загрузке изображений для «живой» обложки соцсеть отображает миниатюру в очень плохом качестве, но не волнуйтесь, на странице картинка будет выглядеть прилично.
В мобильной версии такая обложка будет отображаться частично (центральная часть картинки), а при нажатии — откроется на весь экран.
Обложка может быть декоративной или нести идею. В каждом её изображении можно доносить своё сообщение: например, рассказывать об акции, сообщать о мероприятии или просто добавлять информацию о своём проекте.
При создании обложки учитывайте элементы интерфейса мобильного телефона и не ставьте важные подписи в самом верху и низу изображения — их перекроют элементы интерфейса VK.
Публикации и «истории»
Минимальный размер квадратного изображения для публикации — 510×510 рх. Для прямоугольного изображения рекомендованное соотношение сторон — 3:2.
Чтобы изображение не теряло качество, лучше загружать снимки до 1000 px по любой из сторон и перед загрузкой чуть увеличивать их резкость. И при загрузке вместо нажатия на строчку «Добавить новые фотографии» перетаскивайте снимок прямо из папки компьютера (такие советы даёт сам «ВКонтакте»).
Размер обложки для статьи — 510×286 рх.
Обложку для статьи лучше делать без надписей — «ВКонтакте» добавит на картинку заголовок и имя автора. Размещая текст, учитывайте, что заголовок и кнопка «Читать» закроют часть изображения.
Размер обложки сниппета для внешней ссылки — 537×240 рх.
Если вам не нравится картинка, которая автоматически подгружается, когда вы делитесь ссылкой, — просто поменяйте сниппет.
Размер фото для «истории» — 1080×1920 рх.
Как и в случае с «живой» обложкой, учитывайте элементы интерфейса мобильного телефона — не помещайте важные детали слишком высоко или низко.
Аватар
В профиле можно поставить лого, портрет или изображение вашего продукта.
Размер аватара в профиле — 110×110 px.
У аватара в Instagram есть интересная особенность. Если загрузить PNG без фона, то фон окрасится чёрным, а не белым, как в остальных соцсетях. Поэтому позаботьтесь, чтобы у вашего логотипа был нужный фон.
В Instagram на первое впечатление работает не только шапка, но и начало ленты. Чтобы профиль смотрелся хорошо, нужно не только удачно подобрать его фото, но и позаботиться о постах.
Публикации и «истории»
Несмотря на то что Instagram уже давно разрешил постить картинки с любым соотношением сторон, лучше всего смотрятся квадратные:
Тогда на главном экране профиля превью будут полностью совпадать с реальными картинками. Идеальный размер поста — 1080×1080 px.
Если всё же вы загружаете прямоугольные портретные фотографии, выбирайте разрешение 1080×1350 px или сохраняйте соотношение 4:5.
Рекомендованный размер «историй» — 1080×1920 рх.
Instagram позволяет загружать как вертикальные, так и горизонтальные изображения с соотношением сторон от 9:16 до 1,91:1.
Аватар и обложка
Размер фото профиля — 180×180 px. Фото имеет круглую форму — проследите, чтобы важные части картинки не обрезались по углам.
Размер обложки — 820×312 px. Можно загружать картинку и больше, но в том же соотношении. Например, 2050×780 px.
Учитывайте, что на смартфоне видимая часть обложки — 640×360 px. Картинка обрезается по краям, поэтому важную информацию лучше ставить по центру.
Бренды также могут установить обложку в формате видео и слайдера тех же размеров.
Размер обложки события — 1920×1000 px.
Если поделиться событием в ленте, соотношение сторон картинки сохранится, всё будет выглядеть так же, как и в самом мероприятии:
Публикации и «истории»
Рекомендованный размер картинки для поста — 1200×630 px.
Размер «историй» такой же, как в Instagram, — 1080×1920 px:
«Одноклассники»
Аватар и обложка
Размер аватара группы или личного профиля — 288×288px.
Размер обложки — 1944×600 px.
В мобильной версии обложка обрезается по краям — на 482 px с каждой стороны, а в центре на картинку «наезжает» логотип. Самые важные элементы стоит размещать в центре сверху. Например, здесь лого наехало на картинку, выглядит так себе:
Публикации
Для поста подойдет картинка 780×585 px.
Аватар и обложка
Размер фото профиля — 400×400 px. Фото отображается в форме круга.
Размер обложки — 1500×500 px.
Публикации
Размер картинки поста — 1024×512 px.
Подытожим. Главные размеры картинок по всем соцсетям — в таблице:
| «ВКонтакте» | «Одноклассники» | ||||
|---|---|---|---|---|---|
| Аватар | 200х200 px, полная версия до 200х500 px | 110х110 px | 180х180 px | 288х288px | 400х400 px |
| Обложка | 1590х400 рх | — | 820х312 px | 1944х600 px | 1500х500 px |
| Публикация | 510х510 рх или с соотношением сторон 3:2 | 1080×1080 px | 1200х630 px | 780х585 px | 1024×512 px |
Теперь о сервисах, с помощью которых можно оформить Instagram, «ВКонтакте» и др.
Онлайн-инструменты
Если вы не владеете Photoshop, то вот несколько идей, чем его заменить:
1. Приложение для дизайнеров Figma в сочетании с плагином Social Media Image
У Figma есть бесплатная версия, и работе с этим приложением легко научиться. Часто его используют для UX/UI-дизайна, но Figma подойдёт и для создания картинок. ( Про возможности и принципы работы мы писали в статье « Что такое Figma ». — Ред.)
Social Media Image — плагин, который содержит шаблоны с правильными размерами картинок для соцсетей. Вы создаете полотно и перетаскиваете на него картинки и текст, обрабатываете детали.
2. Онлайн-сервис для графического дизайна Canva
Canva содержит много готовых шаблонов и элементов, встроены и размеры картинок для соцсетей. В поисковой строке достаточно напечатать название соцсети, и приложение предложит формат.
Canva позволяет и дорабатывать готовые шаблоны, и создавать дизайн с нуля. В приложении большой выбор шрифтов, деталей без заднего фона, фотографий из личного фотостока. У Canva множество функций даже в бесплатной версии. Альтернатива приложению Canva — Crello.
3. Инструмент для удаления фонов Remove.bg
Советую использовать это приложение в сочетании с любым из онлайн-редакторов. ИИ стирает фон у фотографий или картинок, оставляя только первый план. Пригодится, если нужно удалить фон за логотипом или вырезать отдельный предмет с фотографии.
Работает просто: загружаете нужную картинку, программа удаляет фон и выдаёт новый документ для скачивания.
А если хотите научиться более сложным и крутым вещам — не только созданию, но и продвижению контента, аналитике эффективности SMM, настройке рекламы и др., — приходите на двухлетний курс «Профессия SMM-специалист».
Справочник: размеры картинок для 7 социальных сетей
Размеры изображений в Facebook
Соотношение сторон изображения: от 1.91:1 до 4:5
Рекомендуемое разрешение: чем больше, тем лучше
При публикации со ссылкой:
Соотношение сторон изображения: от 1,91:1 до 1:1
Рекомендуемое разрешение: как минимум 1 080 × 1 080 px
Соотношение сторон изображения: от 9:16 до 16:9
Рекомендуемое разрешение: чем больше, тем лучше
При публикации со ссылкой:
Изображения, обрезанные до формата 1:1
Рекомендуемое разрешение: минимум 1 200 × 1 200 px
Соотношение сторон изображения: от 1.91 до 9:16
Рекомендуемое разрешение: чем больше, тем лучше
Facebook рекомендует оставить свободным около 14% изображения (250 px). Не размещайте текст, логотип и другие ключевые элементы изображения в его верхней и нижней части, чтобы их не перекрывало фото профиля или призыв к действию. Например, если ваше изображение имеет разрешение 1080 × 1920 px, убедитесь, что ключевые элементы отображаются в безопасной области 1080 × 1420 px.
Соотношение сторон изображения: 1:1 (рекомендуется)
Рекомендуемое разрешение: 1 080 × 1 080 пикселей (рекомендуется)
В кольцевую галерею Facebook и Messenger можно добавить от 2 до 10 карточек. Размер изображения — менее 30 МБ.
Размеры изображений Вконтакте
Рекомендуется использовать картинки размером не менее 510 × 228 px. В этом случае ссылка будет сопровождаться увеличенной картинкой (510 × 228 px) в сниппете на стене. Если картинка имеет меньший размер (но не менее 160 px по каждой из сторон), или к записи помимо ссылки прикреплены другие вложения, картинка в сниппете будет уменьшенная — 150 × 83 px.
Если на странице есть тег vk:image, то адрес изображения для иллюстрации будет взят из него. Если такого тега нет, проверяется содержимое тегов og:image, twitter:image, image.
В мобильной версии и приложениях отображается не полная версия обложки, а только её часть размером 1196 × 400 рх.
Необходимы отступы 85 рх сверху и 140 рх по краям изображения для корректного отображения в мобильной версии.
Карусель Вконтакте — это рекламная запись с несколькими карточками (от 3 до 10 карточек), куда можно добавить цены, название и короткое описание, а также прикрепить изображение и кнопку.
Рекомендуемое разрешение для изображений: не менее 400 × 400 px.
Рекламная запись с кнопкой призыва к действию. Изображение отображается в виде сниппета.
Рекомендуемое разрешение: 537 × 240 px.
Универсальная рекламная запись Вконтакте имеет вид публикации. Рекомендуется использовать разрешение изображений для записи — 510 × 510 px или соотношение сторон 3:2 при прямоугольном изображении.
Если универсальная запись со сниппетом, то изображение в сниппете рядом с кнопкой должно быть не менее 537 × 240px.
В одно объявление можно загрузить до 3 историй с фото или видео. Загружаемые изображения должны быть вертикальными. ВКонтакте требует соотношение сторон изображения — 9:16, разрешение картинок не менее 720 × 1280 px.
Старайтесь размещать контент и текстовые надписи ближе к центральной части (при размере фотографий 1080 × 1920 рекомендуемые отступы сверху и снизу — по 200 px).
Размеры изображений в Twitter
В ленте горизонтальная картинка будет уменьшена до 506 px по ширине. Пропорции сохранятся.
Вертикальное изображение уменьшается до 506 px по ширине и обрезается до прямоугольника.
Twitter Cards позволяют расширить возможности поста в Twitter. Например, с помощью Summary Card with Large Image к твиту можно прикрепить большую картинку, которую пользователи смогут полностью рассмотреть. Необходимое соотношение сторон изображения — 2:1, разрешение — до 4096 × 4096 px (не менее 300 × 157 px). Размер — менее 5 МБ.
Картинка для Summary Card (твит с расширенным описанием, но небольшим изображением) должна иметь разрешение от 144 × 144 px до 4096 × 4096 px и соотношение сторон 1:1. Размер — менее 5 МБ.
Размеры изображений в Instagram
Лучший размер фотографий для загрузки в Instagram — 1080 × 1080 px. В веб-версии квадратные фотографии будут отображаться размером примерно 600 × 600 px.
Для горизонтальных изображений рекомендуемое соотношение сторон — 1.91:1. Чтобы сохранить качество изображения, также используйте высоту не менее 1080 px.
Вертикальные изображения, чтобы они не обрезались в Instagram, лучше загружать с соотношением сторон 4:5. Советуем загрузить картинку с разрешением 1080 x 1350 px, в приложении она отобразится размером 480 × 600 px.
Квадрат: от 600 × 600 до 1936 × 1936 px (соотношение сторон — 1:1)
Альбомная ориентация: от 600 × 315 до 1 936 × 1 936 px (соотношение сторон — 1.91:1)
Вертикальный формат: от 600 × 750 до 1 936 × 1 936 px (соотношение сторон — 4:5)
При создании объявления вы можете обрезать изображение во встроенном редакторе.
Размеры изображений в YouTube
Картинка для обложки альбома: от 1400 x 1400 до 4098 x 4098 px
Соотношение сторон — 1:1
Вид обложки зависит от типа устройства, на котором просматривается канал. YouTube рекомендует загрузить одно изображение размером 2560 × 1440 px и учитывать, что «безопасная зона», при размещении в которой ваш текст или логотип не будет обрезан — 1546 × 423 px по центру изображения.
Появляются справа от окна просмотра над списком рекомендуемых видео, а если проигрыватель большой — под окном просмотра.
Разрешение: 300 × 250 или 300 × 60 px
Полупрозрачные оверлеи появляются в нижней части (20%) окна просмотра.
Разрешение: 468 × 60 или 728 × 90 px
Рекламные подсказки содержат информацию, связанную с видео, например сведения об упомянутых в нем товарах. В течение нескольких секунд отображается тизер, затем зрители могут нажать на значок, чтобы просмотреть подсказку.
Существует 3 типа товарных объявлений: простые товарные объявления, товарные объявления витрины, местные объявления-каталоги. В зависимости от типа объявления вы можете подобрать нужное изображение.
Максимальный размер — 150 кб.
Размеры изображений в Pinterest
В ленте все фото отображаются 235 px по ширине. Пропорции сохраняются до тех пор, пока они примерно равны 2:3 – 1:2.1. Если фотография слишком вытянутая, Pinterest ее обрежет и полную версию можно будет увидеть только при клике.
При клике изображение открывается до 735 px по ширине.
Pinterest предлагает использовать для рекламы статический пин (по умолчанию), пин-карусель, видео, приложение и широкоформатное видео. Рекомендации к статическому пину совпадают с рекомендациями к обычному пину в ленте — соотношение сторон 2:3.
Карусель Pinterest не сильно отличается от стандартного пина. В карусель можно загрузить от 2 до 5 изображений, при этом требуемое соотношение сторон 1:1 или 2:3.
Размеры изображений в Одноклассниках
Максимальный размер картинки, которую можно загрузить в «Одноклассники» без потери качества —1680 px по большей стороне.
Картинка в лентах групп будет отображаться размером 548 x 363 px. 363 px — максимальная высота картинки вертикального изображения формата, а 548 — максимальная ширина горизонтальной картинки. Другие стороны изменяются пропорционально.
При клике фото раскрывается до 612 × 405 px.
Для обложки группы Одноклассники просят подготовить картинку разрешением 1944 × 600 px, вес изображения не более 120 КБ. Важные элементы необходимо размещать в «безопасной зоне» (область в 980 на 240 px в середине), тогда обложка будет корректно отображаться в разных версиях сайта.
Также в Одноклассниках можно отдельно загрузить обложку для мобильной версии. Соотношение сторон — 4:3, минимальное разрешение — 1024 × 768 px.
Размер изображения фона: 320 × 320 px, вес не более 50 КБ
Рекомендуемое разрешение аватара: 300 × 300 px
Разрешение виджета Iframe: 608 × 430 px