Содержание

Skillbox Media / Создание картинок для соцсетей: размеры, инструменты, советы

Размер миниатюры аватара — 200×200 px, а полная версия может достигать в высоту до 500 px.

Размеры миниатюры и полной версии аватара VK

Максимальная область картинки, которая видна на странице сообщества, — 200×500 px. Можно загрузить фотографию и большего размера, но она будет полностью отображаться только при клике на аватар.

Обложка сообщества для полной версии сайта — 1590×400 рх.

Так выглядит обложка группы, когда открыта полная версия сайта

Однако в мобильной версии обложка обрезается по краям и отображается только часть — 1196×400 рх. Поэтому старайтесь самую важную информацию размещать по центру.

Ещё «ВКонтакте» позволяет сделать «живую» обложку — до пяти фотографий или видео, которые переключаются автоматически. Это формат только для мобильного приложения, на десктопе всегда отображается статическая обложка.

Рекомендуем загружать туда видео или изображения в разрешении 1080×1920 (такой же формат в «историях»). При других пропорциях «ВКонтакте» автоматически обрежет картинку.

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

Плохое качество во время предпросмотра — нормально

В мобильной версии такая обложка будет отображаться частично (центральная часть картинки), а при нажатии — откроется на весь экран.

Частичное vs. полное отображение «живой» обложки

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

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

Минимальный размер квадратного изображения для публикации — 510×510 рх. Для прямоугольного изображения рекомендованное соотношение сторон — 3:2.

Квадратное и прямоугольное изображения для публикации «ВКонтакте»

Чтобы изображение не теряло качество, лучше загружать снимки до 1000 px по любой из сторон и перед загрузкой чуть увеличивать их резкость. И при загрузке вместо нажатия на строчку «Добавить новые фотографии» перетаскивайте снимок прямо из папки компьютера (такие советы даёт сам «ВКонтакте»).

Размер обложки для статьи — 510×286 рх.

Так выглядит обложка статьи во «ВКонтакте»

Обложку для статьи лучше делать без надписей — «ВКонтакте» добавит на картинку заголовок и имя автора. Размещая текст, учитывайте, что заголовок и кнопка «Читать» закроют часть изображения.

Размер обложки сниппета для внешней ссылки — 537×240 рх.

Это сниппет с картинкой подходящего размера

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

Размер фото для «истории» — 1080×1920 рх.

Пример фото в «истории» «ВКонтакте»

Как и в случае с «живой» обложкой, учитывайте элементы интерфейса мобильного телефона — не помещайте важные детали слишком высоко или низко.

Как создавать картинки для ВКонтакте в Canva

Привет, друзья! 🙋🏻

Сто лет уже собираюсь написать статью об одном из моих любимых сервисов под названием Canva (Канва), да всё никак. Наконец-то появилось немного времени, поэтому спешу поделиться 🙂

Что такое Canva?

Canva — популярный графический редактор среди SMM-специалистов. Хотя, конечно, помимо тех, кто пользуется сервисом для бизнеса и маркетинга, его любит и более широкая аудитория. Canva позволяет быстро и без труда создавать уникальные картинки для социальных сетей в нужных размерах на основе редактируемых образцов. Одно из главных преимуществ этого онлайн сервиса состоит в его простоте — в нём легко разобраться даже новичкам и тем, кто никогда не занимался графическим дизайном в профессиональных программах вроде Фотошопа. К тому же, Canva не требует установки на компьютер. Еще одна приятная вещь — большая часть функционала является бесплатной, что особенно актуально для небольших компаний и малого бизнеса.

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

Хоть интерфейс Canva и доступен на русском языке, среди базовых форматов, которые предлагаются на выбор, форматов для ВКонтакте нет. Однако, на самом деле, они существуют! Главное — знать, где их искать 😉 Эти форматы доступны только со специальных страниц с инструкциями, из которых можно сразу перейти на пустой шаблон с оптимальным размером. Тут же можно выбрать одну из нескольких заготовок для создания собственного уникального дизайна.

Как создать обложку для группы ВК

Начнём с обложки для группы ВКонтакте. Этот, как и все другие форматы, имеет удвоенные размеры относительно реальных. Такой подход рекомендуют представители самой социальной сети. Это необходимо для сохранения наилучшего качества картинки. Ведь вы не хотите, чтобы на вашей обложке вылезали пиксели!?

Итак, шаблон для обложки группы в Вконтакте имеет размеры 1590×400 пикселей. Слева вы можете увидеть несколько готовых заготовок. Вы можете выбрать одну из них или же приступить к созданию собственного дизайна с нуля.

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

Не забудьте также добавить логотип вашего бренда или самой группы на обложку. Сделать это можно через вкладку «Загрузки». Поместите туда ваши логотипы с прозрачным фоном или фотографии, которые будете использовать в дизайнах, и добавляйте их в макеты одним кликом. После того, как добавите свой логотип, расположите его в нужном месте изображения и отредактируйте с помощью встроенных элементов. Стоит помнить, что размер логотипа должен пропорционально соответствовать размеру вашего дизайна! Лучше сразу загружать картинки больших размеров, поскольку уменьшить их можно всегда, а вот растянуть без существенной потери качества будет сложно.

Как создать картинку для поста ВКонтакте

Хотите привлечь внимание к вашему сообщению, даже если это просто просьба о рекомендации хорошего сервиса или специалиста? Добавьте к посту яркую иллюстрацию, отражающую главную суть вашего сообщества. Публикации для социальной сети ВКонтакте в Canva имеют размер 1400×1000 пикселей. Создать их можно как на основе одного из предложенных сервисом образцов, так и «с нуля». Воспользуйтесь вкладкой «Элементы», чтобы добавить в дизайн иконки, значки, картинки, геометрические фигуры или графики, которые также можно настроить в соответствии с общим замыслом, например, изменить цвет, расположение, размер, повернуть и т. д.

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

Как создать фото профиля ВКонтакте

Для создания аватарки предлагаются макеты размером 400×600 пикселей. На них можно использовать логотип вашего бренда. Если это личный профиль, то просто загрузите фотографию, как было описано в разделе выше, и настройте снимок с помощью возможностей для редактирования фотографий.

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

После того как дизайн готов, просто скачайте его в формате PNG и загрузите в ваш профиль. Для публикаций в ленте также подойдёт и формат JPG. Для документов (например, презентаций или сертификатов) в Canva можно сохранить картинку в формате PDF.

Типичные ошибки по работе с Canva

Перечислим несколько промахов, характерных для новичков:

  • Краткость — сестра таланта. Не старайтесь уместить на изображении слишком много текста. Длинные сообщения на промо-материалах никто не прочитает. Оставьте только самую важную информацию, которую вы хотите, чтобы ваши потенциальные клиенты или подписчики усвоили из обложки группы или иллюстрации к посту. Детали поместите в сам текст или дайте ссылку на страницу или запись с подробностями. Задача картинки — привлечь внимание. Не больше, но и не меньше.
  • Не перегружайте дизайн деталями. Минимализм — залог успеха. Чем меньше элементов и деталей используются в изображении, тем легче подписчикам будет «считать» нужную информацию.
  • Не «играйте со шрифтами». Два шрифта в одном изображении — более чем достаточно для хорошего дизайна. Не добавляйте к ним третий и не раскрашивайте текст в разные цвета, если хотите, чтобы ваше сообщение было услышано и воспринято.

Рекомендации

  • Используйте обложку для продвижения. Обложка группы ВК — первое, что видят ваши новые подписчики. Хотите привлечь больше аудитории к вашей новой акции, скидкам или новинкам ассортимента? Превратите обложку в рекламный баннер с актуальным предложением. С одной стороны, вы покажете, что сообщество «живёт» и предлагает новую и полезную информацию для подписчиков, с другой — получите дополнительный формат для продвижения акций, важных для вас на данный момент.
  • Помните о сочетаемости цветов. Если у вас развито чувство цвета — прекрасно, вы сами подберёте тёплые и холодные оттенки, которые будут работать на красивом контрасте друг с другом. Если же вы не можете похвастаться таким качеством — не беда. Воспользуйтесь генератором палитры Canva. Загрузите в него любую фотографию, которая вам нравится, и получите таблицу цветов, которые можно использовать в очередном дизайне.

Ну что же, остаётся только пожелать вам успехов в дизайне! Отличного вам настроения и побольше красивых дизайнов, которые будут радовать не только ваш глаз, но и всех ваших подписчиков! 😃

Картинки для поста ВК

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

Очевидно одно — чем круче вы подобрали картинку для поста, тем круче на него отреагируют.

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

Два идеальных размера картинок, которые сделают ваш контент гармоничным и оптимальным под все версии ВК — это 1:1 и 1,3:1

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

Оптимальное количество изображений в посте — 1,5, 6 или 9.

 

Фото товаров обрезаны, не вписываются в пост.

 

Фото разных форматов, создается впечатление скомканности и разбросанности.

Самостоятельное изображение, говорящее само за себя + информативная и лаконичная подпись.

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

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

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

Color Adobe

Material Palette

Colorhunt

Если вы не ас в делах фотошопных, используйте онлайн-редакторы.

Вот некоторые из них:

Canva

Pixrlr

Piktochart

Еще одно важное правило, которое многие упускают из виду — придерживайтесь одной стилистики. Это ваш имидж, ваша одежка, по которой встречают подписчики.

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

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

Брать и делать их можно где угодно. Но мы знаем проверенные источники: Imgur и Giphy.

Источник

Размеры баннеров для промо-постов ВКонтакте. Какой выбрать?

Как выбрать размеры баннеров для промо-постов ВКонтакте? На связи Владимир Казаков. В последнее время специалисты в закрытых чатах, новички-таргетологи, сммщики, а также предприниматели, которые сами пробуют свои силы в промо-постах, очень часто задают вопрос «а какой нужен размер для промо-поста?». Именно поэтому, на примерах, я решил подробно описать какого формата должен быть баннер для промо-поста, чтобы он красиво и максимально объемно отображался на ПК, мобильниках и планшетах. Ну что, поехали 🙂

Для наглядного примера буду сравнивать два баннера с размерами 1280*720 и 800*525. Да, кстати, размеры и качество баннера могут быть разные — тут самое главное — пропорции. Итак, вот как такой баннер выглядит в ленте новостей на разных устройствах:

ПК — СТАРЫЙ ДИЗАЙН ВКОНТАКТЕ

 
Как видите, у баннера с размером 800*525 справа получается отступ намного больше, чем при использовании размера 1280*720. Хотя он пошире и захватывает бОльшую область для просмотра через ленту новостей. Посмотрим, как будут эти баннеры выглядеть в новом дизайне ВКонтакте.

ПК — НОВЫЙ ДИЗАЙН ВКОНТАКТЕ

  Ну что, в новом дизайне ВКонтакте оба этих размера отличаются только высотой, а ширина остается прежней. И, в отличие от старой версии ВК, справа не наблюдаем большого отступа. Зато баннер 800*525 захватывает намного бОльшую видимую область в ленте новостей, нежели размер 1280*720 — картинка выше и больше!

А теперь посмотрим как будут выглядеть эти баннеры в мобильной версии приложения ВКонтакте на IOS.

MOBILE — ЛЕНТА НОВОСТЕЙ

 Также, как и в новом дизайне ВКонтакте, размер баннера 800*525 выглядит намного больше (выше), чем баннер с размером 1280*720. А это очень большой плюс для мобильной версии, потому что область просмотра новостей там небольшая и реклама с таким размером баннера захватит бОльшую ее часть!

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

Ну что, теперь мы наглядно убедились, что больший обзор получают картинки с размером от 800*525 и выше, приближаясь к квадратной форме. Но! не нужно забывать, что в промопостах есть еще и текст, поэтому, когда будете выбирать размер картинки, не забывайте, что для просмотра текста на различных устройствах, картинка не должна занимать все видимое пространство в ленте новостей! Это важно!

Так как сейчас часть аудитории «сидит» ВКонтакте через новый дизайн, а большая часть через старый, то лучше использовать размер 800*525. Да, мы пробовали и заморачивались с другими размерами, пытаясь уменьшить отступ от правого края, но он только увеличивался и наименьший отступ (с учетом бОльшего просмотра через мобайл) получился с размером 800*525.

Чтож, на этом сегодня все. Спасибо за внимание и качественных вам промо! 😉

Спасибо за внимание!