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

Начнем с размеров. Обложка должна быть размером 851х315 пикселей.

Дальше подстраиваемся под браузер. Здесь надо помнить что есть текст с названием группы слева. Кнопки управления справа. И еще важно, в нижней части накладывается темный градиент. Это сделано на тот случай, что бы если у вас обложка белая — то текст с названием группы (тоже белый) был бы виден.

Дальше у нас идет подгонка под экран мобильного приложения. Здесь наша картинка сильно обрезается по краям.
И плюс ко всему место съедается названием группы. Итого получается совсем мало места под место для лого.

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

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

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

Ниже ссылка на PSD шаблон для обложки групп в Facebook. Открываем, подставляем.

мкр. Черная Речка, д.15 Россия, Санкт-Петербург 8 812 497 19 87

Размеры картинок для Фейсбук

ПОДЕЛИЛИСЬ

Размеры картинок для Фейсбук очень важны, как и вся визуальная составляющая рекламы.

Каждый день в Фейсбук загружается 300.000 фото!

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

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

Поехали.

Размеры картинок для Фейсбук. Обновления 2017 года

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

1. Обложка страницы Фейсбук

Обложка Фейсбук на ПК 828 х 315 пикселей и 640 х 360 пикселей для смартфонов . Вроде как все просто, правда? Но если вы создаете формат картинки для ПК, не факт что такое же качество будет и на мобильном телефоне или планшете. Следите за этим.

Еще ловите факт: 90% пользователей заходят в Фейсбук через мобильные устройства ! По-моему, все очевидно. Делайте лучше картинки под мобильную версию.

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

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

Порция лайфхаков при создании рекламы на Фейсбук:

1. Минимум текста . Большое его количество выглядит громоздко и должного эффекта такая реклама не даст.
2. Выберите 2 или 3 цвета и сделайте его жирным .
3. Желтый цвет увеличивает конверсию на 14.5% .
4. Глаза и губы на изображении увеличивают CTR .
5. Рекомендуемый размер для новостной ленты 1200х900 пикселей.
6. Для рекламы в правой колонке размер должен быть 254 х 133 пикселя.

Покажите, что вы реальный человек!! Оставьте комментарий и расскажите, что вы думаете.

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

Украшаем шапку

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

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

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

Требование первое – выбранное изображение должно быть размером не менее 399 х 150 пикселей. Отображаться же шапка будет по-разному, в зависимости от устройства, на котором просматривается страница. Если быть точнее, то на веб-версии фото будет отображаться как 851 х 315 пикселей, а в приложении Facebook на смартфонах – 640 х 360. Также следует учесть, что в шапке будет находиться фото профиля, размер которого составляет 160 х 160 pxl (в смартфонах 140 х 140), т.е. в нижнем левом углу шапки будет перекрывать обложку.

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

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

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

1. Знайте спецификации

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

По состоянию на март 2018 года имеются следующие спецификации:

2. Выберите правильное изображение

Facebook - это в высшей степени визуальная среда, выбранное изображение может сделать или разрушить взаимодействие и то, как пользователи относятся к вашему бренду или странице. Вам необходимо отличное изображение, поэтому вы должны:

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

3. Добавьте CTA

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

Кнопки «призыва к действию» находятся прямо под фотографией справа. Убедитесь, что вы включили что-то, чтобы делали пользователи.

4. Используйте свой брендинг

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

Все части должны иметь последовательный внешний, чтобы при появлении снимка обложки - как изменение в лентах пользователей или же при посещении вашей страницы на Facebook – не было никаких сомнений, кому изображение принадлежит.

Подумайте о брендинге в отношении того, как вместе работают фотографии с профилем и обложкой на вашей странице Facebook. Они появляются бок о бок в квадрате (фото профиля) и прямоугольные (обложки). В ленте фотография профиля находится в круглом контейнере, а фотография обложки сохраняет свою прямоугольную форму.

5. Попробуйте видео

Отличное изображение на обложке для Facebook не обязательно должно быть фотографией. Вы также можете загружать видеоролики. Главное - следите за спецификациями.

Добавьте видео в обложку таким же образом, как фотографию, учитывая следующее:

6. Не забывайте о мобильной обрезке

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

Хотя вы не можете загрузить отдельное изображение для мобильных пользователей прямо сейчас, мы знаем, сколько из этого изображения будет отображаться на мобильных устройствах: 640 пикселей в ширину на 360 пикселей в высоту. Резайзер использует полную ширину изображения и забирает примерно одинаковое количество сверху и снизу изображения для мобильного фото обложки Facebook.

Выберите и обрежьте ваше изображение соответственно.

7. Сделайте его расшариваемым

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

8. Сохраняйте изображение простым

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

Найдите отличную фотографию. Обрежьте ее до надлежащих спецификаций. Опубликуйте ее. Готово.

9. Сведите текст к минимуму

Наиболее сложным элементом при создании обложки для Facebook является текст. Подумайте о двух доступных обрезках - настольной и мобильной. Подумайте о размере, который будет отображаться для пользователей.

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

10. Все еще застряли? Начните с конструктора или шаблона

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

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

Вывод

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

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

Всем удачной работы!

Что в первую очередь видит пользователь, заходя на бизнес-страницу в Facebook? Ее обложку. Она может оставить его равнодушным и не внушить доверия, либо зацепить и превратить его в клиента. Как оформить обложку так, чтобы она начала “продавать”? Какой размер наиболее оптимален и эффективен? Что нужно знать об изменениях в дизайне бизнес-страниц с 2016 года? Какие тонкости о своих обложках не знают даже лидеры рынка?

Размеры обложки или как не ошибиться с параметрами!

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

Это внешний вид страницы Facebook в 2017 году

Фото профиля, а точнее маленькое квадратное изображение слева, отображается со следующими разрешениями:

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

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

Видно, что небольшая часть изображения перекрыта.

Теперь верхняя область изображения доступна к просмотру.

Вывод: Не размещайте важную информацию в верхней части (например, логотип, адрес, телефон, e-mail и пр.)

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

Это пример отображения обложки Facebook на экране компьютера (820 на 312 пикселей)

Вот как теперь эта же обложка выглядит в мобильной версии Facebook. Две зебры выпали из поля зрения, а ведь на их месте могла бы быть расположена важная для потенциального покупателя информация (главная новость, контакты компании, логотип, акции, и пр.)

Совет:

У вас есть два варианта действий:

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

Вот наглядный пример того, как изменится обложка, если загрузить изображение с параметрами 820 на 475 пикселей.

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

То, что вы должны знать о редизайне бизнес-страниц Facebook

В середине 2016 года в Facebook произошло обновление, в результате чего расположение некоторых отдельных инструментов поменялось. Например, многие страницы использовали стрелки на обложках, чтобы привлечь особое внимание пользователей и побудить к определенным действиям. Теперь же, в связи с редизайном, их расположение необходимо откорректировать.

Стрелка на обложке акцентирует внимание на бесплатных обоях

Теперь смотрите, как страница отображается сегодня

Симпатичная девушка с сияющей улыбкой - новый способ компании привлечь наше внимание.

Также появилась функция добавления “горячей” кнопки, содержащей призыв к определенному действию. Так как она располагается в нижнем углу справа, то намного эффективнее будет, если дизайн своей обложки вы адаптируете под эту возможность. Располагайте основные элементы изображения справа, чтобы они перевели внимание потребителя в нужную вам область.

Обратите внимание как обложка Oreo наглядно демонстрирует этот способ

Официальный аккаунт компании