Размеры баннеров Facebook и оптимальные методы работы с фотографиями на обложке

У вас проблемы с этими надоедливыми размерами баннера Facebook? Ваш баннер или обложка просто не выглядят правильно? Мы вас прикрыли.

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

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

Размеры баннера Facebook для идеальной посадки

Самое важное, что нужно помнить при создании баннера Facebook или обложки, - это то, как размер меняется с мобильного устройства на рабочий стол. На изображении ниже вы можете увидеть различные секции вокруг основного пространства, называемого «БЕЗОПАСНАЯ ЗОНА». Именно в этой области должна быть размещена вся важная информация, чтобы она отображалась как на настольных компьютерах, так и на мобильных устройствах.

Официальный размер баннера Facebook или обложки - 820 на 360 пикселей. Если вы создавали его раньше, вы могли заметить, что иногда Facebook делает ваше идеальное изображение размытым. Вот почему нам нравится использовать более крупную графику с тем же соотношением сторон. Соотношение сторон изображения 820 на 360 пикселей составляет 2,28, поэтому, чтобы убедиться, что он выглядит идеально при загрузке, вы можете создать его с размером 1230 на 540 пикселей.

Загрузите шаблон ниже для Adobe Illustrator (AI) или Photoshop (PSD). Поместите свое изображение или дизайн на слой с надписью «Вставьте сюда свой дизайн», а затем сделайте все верхние слои невидимыми перед экспортом изображения в виде веб-файла.

Скачать файлы

Скачать бесплатно

Подпишитесь на рассылку Elegant Themes, чтобы получить эту бесплатную загрузку, а также уведомления, когда мы публикуем новый контент и ресурсы для Divi, WordPress, Business и Marketing. Если вы уже подписаны, просто введите свой адрес электронной почты ниже, чтобы появилась кнопка загрузки. Вы не будете подписаны на наш список дважды и не будете получать дополнительные электронные письма.

СКАЧАТЬ

Вы успешно подписались!

Распространенные ошибки, которых следует избегать

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

Слишком много текста

Старое правило «не более 20% текста» больше не является обязательным правилом для обложек Facebook. Тем не менее, вы все равно должны постараться свести текст к минимуму. Помните о количестве слов, которые вы используете, но в основном о том, сколько места они занимают в безопасной зоне. Используйте только те слова, которые абсолютно необходимы для отправки сообщения.

Слишком много беспорядка

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

Неприятное сочетание цветов

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

Слишком маленький, слишком поздно

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

Лучшие практики для вашего бренда

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

Оставайтесь на бренде с помощью цветов, шрифтов и сообщений

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

Используйте фокус, чтобы привлечь внимание к кнопке страницы с призывом к действию

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

Чтобы настроить существующую кнопку CTA Page, наведите на нее курсор, и появится маленький карандаш для редактирования. Нажмите на карандаш и выберите "кнопку редактирования".

Теперь, когда вы знаете силу этой маленькой кнопки, пришло время обратить на нее внимание. Добавьте что-нибудь в правом нижнем углу, что привлечет внимание зрителя. Ребята из Superfly добавили черный прямоугольник с URL-адресом своего веб-сайта прямо над кнопками. Они не ожидают, что вы скопируете этот URL-адрес и вставите его в свой браузер! Вам просто нужно нажать кнопку «Купить сейчас». Вы можете добиться фокусировки на кнопке разными способами: с помощью фотографии, графики и даже стрелок!

Используйте высококачественные изображения, на которые у вас есть права

Всегда используйте фотографии, на использование которых у вас есть права. Это не только соответствует рекомендациям Facebook, но и соответствует здравому смыслу. Пожалуйста, не используйте изображения, которые вы нашли в Интернете и просто вставили в свой баннер, это может вызвать у вас проблемы! Используйте стоковые фотографии, за которые вы заплатили, или бесплатные стоковые изображения с таких сайтов, как Unsplash. А еще лучше использовать собственные фотографии собственных продуктов! Баннер Pepsi на Facebook ниже - отличный тому пример.

Попробуйте использовать видео вместо фотографии или графики

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

Добавьте описание со ссылками и закрепите соответствующее изображение вверху страницы

И последнее, но не менее важное: когда вы загружаете новую обложку или баннер Facebook, всегда добавляйте описание с соответствующими ссылками. На первый взгляд это не будет очевидным, но когда кто-то щелкнет изображение, он сможет увидеть всю добавленную вами информацию. Например, текущий баннер для Starbucks посвящен Фонду Born This Way, и, щелкнув баннер, вы увидите все связанные с ним ссылки и теги.

Точно так же у Starbucks также есть прикрепленное изображение в верхней части страницы, которое дает гораздо больше информации о фонде в анимированном GIF. Эта техника создает полномасштабный эффект для вашей страницы в Facebook. Когда кто-то приземляется на него, он видит три ваших важных визуальных элемента; логотип, обложку и закрепленное изображение. Если все оптимизировано вместе с кнопкой страницы, у них будет много вариантов взаимодействия.

Заключение

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