Картинки для вконтакте для постов: Attention Required! | Cloudflare

25 сервисов для создания изображений в соцсетях (даже если вы графический кретин, как я)

Смиритесь – все посты в социальных сетях вам нужно будет дополнять картинками. Даже сильный текстовый пост обречен максимум на робкие взгляды вдогонку со стороны вашей ЦА, если он не подкреплен графикой. Мы ведь не провожаем взглядом страницу книги, на которой только что прочли описание, идущей по улице девушки – мы провожаем взглядом реальную девушку, потому что «сюжет может и ацтой, зато графика…».

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

Беда многих сообществ в социальных сетях в том, что они заполнены не авторским контентом. И если информация подается более-менее адекватно, то с картинками полная засада: обилие фотостоковых “постановочных” фото, одни и те же котики и прочие зверюшки, водные знаки других сообществ на картинках (иногда и логотипы точно указывающие откуда честно украдена иллюстрация)… Плохое качество или растянутая графика может начисто “убить” всю ценность поста.

Как вам такая картинка?

Что делать, если вы графический кретин и не понимаете как работать по-другому? Запомните, а лучше запишите несколько правил, следуя которым у вас все получится:

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

2. Дизайн должен быть сделан профессионально или хотя бы «со вкусом». Даже если ни вы, ни подписчики не гуру дизайна – сделанный “как попало” дизайн виден и вам, и им. Несколько шрифтов разных кеглей и стилей в одной картинке – моветон.

3. Структурируйте информацию и выделяйте акценты. С первого взгляда на картинку человек должен понимать, где главная мысль и что ему нужно сделать. Помните правило: информация должна легко читаться слева направо и сверху – вниз.

4. Дизайн – это коммуникации, а не искусство. Рисовать изображения (особенно для социальных сетей) просто ради того, чтобы они были – по меньшей мере странно. В идеале картинка должна дополнять сказанное в тексте, или иллюстрировать это, или акцентировать внимание на отдельных деталях… Иными словами: нет никакого текста и никакого изображения; публикация – одно целое.

– Ок, я все понял, что делать дальше?

– Хорошу. графику, конечно (иначе зачем мы здесь собрались вообще). Отлично бы для этих целей иметь специально обученного дизайнера в штате (или хотя бы в телефонной книге). Но если его нет, можно попробовать и своими силами справиться. Для этого, вот вам список графических сервисов и краткие описания к ним, чтобы легче было выбирать. Сервисы структурированы по уровню необходимой подготовки (честно говоря, я все еще топчусь в новичках, возможно, просто потому, что у меня дизайнер есть). Ну и, разумеется, все они проиллюстрированы изображениями, сделанными с их же помощью.

Уровень “Новичок”. 

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

1. Pablo (https://pablo.buffer.com/) (free)

Cервис идеален для создания простых постов: картинка+текст. Есть набор качественных фотографий, можно загрузить свое фото, добавить логотип или графику. Программа предлагает несколько форматов для сохранения макета, с адаптивностью под разные социальные сети. Все удобно и бесплатно.

2. Fotostars (http://fotostars.me) (free)

Бесплатное онлайн-приложение сделает картинку для вашего поста современной и стильной. Интерфейс на русском языке – работать еще легче. В меню много фильтров, текстовых и графических решений. Удобен для создания мемов. Сохранить картинку можно в удобном формате.

3. PicMonkey (http://www.picmonkey.com) (free)

Популярный онлайн-сервис. Сделать ресайз, отредактировать картинку, добавить фильтр или эффект, текст или логотип – легко. Также доступны функции создания коллажей и широкоформатных изображений. Единственное – картинку придется искать самостоятельно.

4. Social Image Resizer Tool (http://www.internetmarketingninjas.com) (free)

Сервис просто изменит размер картинки для любой социальной сети. Загружаем изображение и выбираем из списка нужный формат – обложка Facebook, пост в Google+ и т.д.

5. BeFunky (https://www.befunky.com) (free)

Простой онлайн-сервис с понятным интерфейсом (можно выбрать русский язык). С легкостью справится со всеми задачами создания картинки. Фильтры и инструменты доступны бесплатно, есть платные возможности, но для работы и бесплатных вполне достаточно.

6. Photovisi (https://www.photovisi.com/) (free)

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

7. Pixlr (https://pixlr.com) (free)

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

8. Recite  (http://www.recitethis.com) (free)

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

9. Quozio (http://quozio.com) (free)

Простой и удобный сервис. Позволяет создавать уникальные цитаты для социальных сетей.

10. Fotor http://www.fotor.com (free)

Сервис преимущественно для публикаций на Facebook. Множество доступных картинок, графических инструментов, фильтров и схем.

11. Аfterlight (http://afterlight.us) ($)

Приложение создает простые картинки с текстом, фильтрами, графическими элементами. Можно выбрать из 59 фильтров, 15 инструментов для изменения размеров фото, 77 рамок и 66 текстур. Картинки адаптируются к разным социальным сетям: Facebook, Вконтакте, Twitter и Google+, и открыток. Цена удовольствия: 69 грн (купить можно тут).

12. Paint (free)

Многофункциональный графический редактор компании Microsoft. Он входит в пакет стандартных программ ОС Windows, начиная с самой первой. Для решения легких задач – несомненно подойдет: изменить размер, добавить стиль или текст, нарисовать (если умеете), создать акцент и т.п. А вот для более сложных задач лучше воспользоваться чем-то посерьезнее.

Тако-тако, бурито-бурито )

13. FreeOnlinePhotoEditor (https://www.freeonlinephotoeditor.com/) (free)

Этим сервисом я периодически пользуюсь для создания тизеров в таргетированной рекламе. Особенно, для накладывания текстов на изображение. Фильтры – практически никогда, но они там есть.

14. Фотошоп Онлайн (http://editor.0lik.ru/) (free)

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

15. Krob.me (http://krob.me/) (free)

Бесплатный сервис для создания шаблонной инфографики (типа куплю, заселюсь, устроюсь). Все красиво и легко, единственное – бывают проблемы с версткой элементов (например, на скрине я так и не смог убрать свою физиономию из шапки картинки).

Уровень “SMMщик” (промежуточная ступень эволюции между новичком и небожителем дизайна).

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

16. Canva (https://www.canva.com/ru_ru/) (free, $)

Инструмент создает изображения для Вконтакте, Pinterest, Facebook, Twitter, презентаций, инфографик и т.д. Логика очень проста, поэтому работать с этим сервисом крайне легко и удобно. Просто выберите фон, разместите графические элементы и добавьте текст. Большая часть инструментов сервиса бесплатны, для работы в сети этого волне достаточно.

17. Eaesl.ly  (http://www.easel.ly) (free, $)

Сервис для создания инфографики. Поможет подать информацию в интересном для пользователя формате. Всех базовых функций достаточно для пристойного поста. если хотите больше – комплект тем стоит от 3$.

18. Infogr.am (https://infogr.am) (free, $)

Cервис подходит для оформления таблиц, графиков и предоставления сложной информации, в которой много цифр, в виде удобном для понимания пользователями. Базовых функций для решения базовых задач достаточно. Можно купить бизнес аккаунт за 19$. Там возможностей куда больше. Нужно ли это вам – смотрите сами.

19. Piktochart (https://magic.piktochart.com) (free, $)

Профессиональный сервис для работы с картинками. Возможности: от создания картинок с публикациям до сложной инфографики и презентаций. Очень понятный интерфейс и удобные функции. Почти все доступно в базовом аккаунте. Если набора функций станет недостаточно – можно купить больший набор за 19$ в месяц.

20. Infoactive https://infoactive.co ($)

Сервис очень серьезный. Все платно и никаких тестовых периодов пользования. Стоит 30$ в месяц и делает просто невероятно классные презентации, инфографику и сводные графики. Подходит для крупных компаний (хотя если вы можете позволить себе потратить $30…).

Уровень “Дизайнер”.

Сервисы этого уровня – графические редакторы, цель которых подать материал так, как нужно вам (а не так, как позволяют тесные штанины бесплатного софта). Это десктопные программы, с множеством функций для работы. Вы получаете качественный и «вкусный» макет, а потом можете его адаптировать под любые носители.

P.S. В этом блоке примеров иллюстраций уже не будет – не моего полета сервисы. Поэтому считайте все нижеследующее – типичной аптечкой какого-нибудь дизайнера в разрезе. Как говорится: «с его слов записано верно, им прочитано»…

21. AdobePhotoshop  (free, $)

Программа для работы с любыми изображениями и макетами. Наиболее популярная среди дизайнеров (а то вы не знали, ага?). Может создать любой макет с нуля и адаптировать хоть под черта лысого. Ясное дело, лицензионная версия стоит денег, но… вы же умеете гуглить?

22. Adobe Illustrator (free, $)

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

23. CorelDraw (free, $)

Третий по популярности продукт для работы дизайнера. Солянка функций позволяет создавать уникальные продукты питания дизайна и адаптировать их для размещения на любых фуршетах площадках.

24. ACDSee (free, $)

Условно-бесплатная программа для работы с изображениями и фото. Много фильтров, текстовые, графические блоки для работы с изображениями. Из приятного, лежащего на поверхности – функция добавления водных знаков и логотипа.

25. Граффити ВКонтакте (free)

Сервис доступен только Вконтакте. Чтобы рисовать хорошие граффити нужно уметь рисовать в принципе. Поэтому, если у вас нет художественных навыков, от этой затеи лучше отказаться, даже не начав. А вот если есть… Попробуйте, в общем.

Освоить хотя бы один сервис вам все же придется. Или срочно искать  дизайнера. Тут уж каждый решает, что ему подходит больше. Но без картинок нельзя – это точно.

P.S. Если вы решили все-таки работать самостоятельно, то вот вам маленькая, но важная подсказка, какие размеры изображений нужно готовить для каждой социальной сети. Картинка, сделанная в нужном размере, правильно масштабируется, не размывается и не растягивается. Сохраните себе шаблон.

И… красивого вам маркетинга в социальных сетях.

Размер – это важно. Кто бы там что ни говорил

 

Оформление группы ВКонтакте

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

В соцсетях стремление к прекрасному ограничено строгими правилами: блоки элементов, размеры картинок и требования для отображения на смартфонах – беспощадны и едины для всех. Расскажу, как использовать возможности ВКонтакте по максимуму.

Размер – это главное

В хорошем дизайне всё на своих местах: лицо довольного клиента не обрезано наполовину, а текст не прерывается по краю картинки. Пропорции элементов оформления в VK – это неизменные величины, которые обязательно надо учитывать.

Так выглядит оформление группы SMMplanner с учетом минимальных размеров изображений:

Это один из вариантов дизайна. В VK за последние годы появилось много разделов, которые можно добавлять, убирать, менять местами – все возможные комбинации не перечислить

Первое, что стоит сделать в сообществе – баннер. Большая яркая картинка привлечет внимание пользователя и будет источником самой важной информации о вас. Размеры различаются для десктопной и мобильной версии: это 1590 на 400 px и 1196 на 400 px соответственно. Со смартфонов люди увидят только центральную часть картинки.

Недавняя опция в VK – это живой баннер (видео или анимация). Его параметры – 1080 на 1920 full HD, а вес не должен превышать 30 МБ.

Аватар в современном VK всегда круглый. Минимальный размер – 200 на 200 px. Если очень хочется, можно сделать вертикальный аватар (в соотношении 200 на 500 px), но его увидят лишь те, кто кликнет на картинку для просмотра. Уверена, вы сами не имеете привычки кликать на авы коммерческих сообществ, так что эта опция почти бесполезная.

Далее пользователь столкнется с меню. Если сделать полноценную страницу с вики-разметкой, можно вдоволь креативить с с картинками в любых пропорциях при ширине 510 px. Но с недавнего времени можно создать и упрощенный вариант – со ссылками на приложения. Минимальный размер обложки для каждой ссылки – 376 на 256 px.

Виджеты могут иметь разные пропорции. Самые популярные варианты: вертикальные картинки 500 на 750 px, квадраты 500 на 500 px или баннер 1000 на 251 px.

Так выглядят виджеты разных форматов

Другая важная часть коммерческого сообщества – товары, они всегда квадратные. Минимальный размер 400 на 400 px, максимальный – 1000 на 1000 px.

Иногда обложки фотоальбомов, статей и видео тоже становятся частью оформления. Для видео в VK оптимальный размер 1280 на 720 px. Для обложки альбома – 1200 на 800 px, в мобильной версии снизу будет обрезано 200 px от исходной картинки. Для заглавного изображения в статье нужен размер не меньше 510 на 286 px.

Для постов оптимальная ширина 510 px, а пропорции могут варьироваться. Наиболее удачными считаются квадраты или горизонтальные прямоугольники 2:3.

Квадратные или горизонтальные посты занимают всю ширину блока, поэтому органично смотрятся в лентеЭто антипример: узкие вертикальные фото оставляют пустоты справа и смотрятся небрежно

Что еще нужно учесть?

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

Подумайте о практичности

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

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

Вот скриншоты из группы лектория. Лекции – это услуги в сфере развлечений – неосязаемая штука, от которой неизвестно, чего ожидать. Что захочет узнать клиент?

Самая главная информация на баннере: тут указаны области знаний и места проведения: офлайн и онлайнДве ссылки в меню ведут на карточки товаров с лекциями. И одна ссылка с отзывами – это тоже важная штука, чтобы пользователь составил первое впечатлениеСмотрите, все товары вынесены в правую панель, потому что их слишком много. А прямо перед нами закрепленный пост с актуалочкой: видеолекцииями на период карантина

Вот группа кондитерской, для сравнения. Здесь акценты расставлены по-другому:

Априори понятно, что можно получить в кондитерской: кофе, булки, тортики и конфеты. Поэтому на баннере – конкретное предложение к конкретному праздникуВ закрепленном посте новости о службе доставки и адресах, товары вынесены вверх на правой панели. Эти два блока можно охватить одним взглядом: нашел магазин в своем районе и переходишь к выбору вкусностей. А дальше на главную панель вынесены видео – если на них сделана ставка в продвижении, они гораздо важнее, чем всякие виджеты и меню

Центральное расположение и яркие обложки – это способ выделить самое главное. Поэтому при оформлении сообщества нужно определиться, что именно для вашей компании важно, а что второстепенно.

Пишите разборчиво

Если где-то написан текст, он должен быть легко читаем: иначе пользователь будет материться, лить кровь из глаз, и ненароком проклянет авторов. Шрифт должен быть достаточно крупным и с простой формой букв, надписи лучше делать слева направо в горизонтальном направлении и не разрывать слова на середине.

Хорошую работу с типографикой пользователь не заметит – просто прочтет и уловит смысл. А плохой текст будет его раздражать.

Вот странная идея поста из нескольких фото – длинный баннер просто разрезан на части. Слова разорваны пробелами между картинками, это затрудняет чтение и смотрится небрежноА тут совсем беда: текст очень мелкий, расположен без всякой логики на пестром фоне

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

Тут все просто и понятно: светлый текст на более темном фоне, крупно и кратко

Сделайте дизайн единообразным

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

Первый важный фактор для единообразия оформления – это цвет.

Тут доминирует оранжевый с небольшими вкраплениями фиолетового, желтого и белого. Возможно, вы уже узнали эту компанию

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

Можно экспериментировать с фотографиями и картинками, если надписи их объединяют

Иногда в оформлении меню, ссылок и постов повторяются элементы логотипа. Вот так:

Здесь повсюду запятые! Они мелкие и ненавязчивые, поэтому сообщество смотрится лаконично. В то же время фирменные элементы невозможно не заметить

Полезные сервисы

Ничто не заменит «Фотошоп», если нужно сделать полноценную ретушь или сложный коллаж. Но для простых вариантов оформления может хватить и функционала онлайн-редакторов:

• Canva – пожалуй, самый популярный сервис. Здесь много готовых шаблонов для оформления постов, обложек и меню.
• Crello – аналогичный редактор, здесь можно делать полупрозрачные картинки, корректировать цвета и загружать свои шрифты.
• Adobe Spark – еще одна альтернатива. Можно загружать шрифты, брать готовые шаблоны, бонусом есть сервис для подбора гармоничных сочетаний цветов.

Еще несколько ссылок вам в помощь:

• Unsplash, Pixabay, Pexels – мои любимые бесплатные фотостоки, тут можно найти иллюстрации или текстуры для оформления группы.
• FontStorage – хранилище бесплатных шрифтов. Перед скачиванием убедитесь, что в наличии есть кириллическая версия.
• Наш сервис отложенного постинга: в одном месте вы сможете создавать, редактировать и планировать публикации для всех соцсетей.

Автор: Дарья Тамилина

Скорее регистрируйтесь в SMMplanner и пробуйте описанное в статье!