Руководство по фото и видео на обложку в Фейсбуке: масштаб и размеры

27 января 2020

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

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

Прежде чем начать: ознакомимся с необходимыми терминами

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

  • Фотообложка – это пространство для панорамного изображения в верхней части страницы Фейсбук, находящееся над аватаром. Бизнес аккаунты могут использовать ее для акцентирования внимания на своих продуктах, услугах и т. д.
  • Безопасная зона – это небольшая часть фотообложки в Фейсбуке, которая видна всегда во всех социальных сетях.
  • Пиксель (px) – это составной элемент цифрового изображения, а также наименьшая единица информации. Например, изображение может содержать 640 px в ширину и 512 px в высоту, которые хорошо заметны при приближении.

  • PNG (portable network graphics или же «переносимый сетевой графический формат») – это один из наиболее часто используемых форматов, при котором сжатие изображения проходит без потерь в качестве.

Размеры фото на обложку в Фейсбуке

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

Для пользователей десктопа ваша фото-обложка отображается на 820 px в ширину и 312 px в высоту. Для тех, кто пользуется мобильной версией, фото будет ограничено 640 px в ширину и 360 px в высоту. Если фото не соответствует обозначенным рамкам, оно будет автоматически подогнано под нужный размер.

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

Фото с обложки является самым большим по величине изображением на вашей страничке. Оно может составить хорошее впечатление о вас при первом посещении странички, но также может и разрушить его. Если выбранное изображение не соответствует требованиям, то у вас могут возникнуть некоторые трудности. Например, изображение может быть «пиксельным», о чем говорилось ранее. Также часть текста может быть «отрезана» при коррекции либо же весь макет может выглядеть несуразно.

Размер заголовков в Фейсбуке: Десктоп vs Мобайл

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

Некоторых пользователей раздражает отсутствие возможности загрузить разные изображения для мобильной и компьютерной версий. Чтобы избежать подобной проблемы, вам необходимо подобрать изображение, которое будет подходить под размеры обоих форматов. Общепринятым считается размер 820 х 360 px. На изображениях ниже вы можете видеть, как Фейсбук автоматически меняет размер одного и того же изображения, которое создано уже с учетом этого факта.

CISCO Facebook


CISCO mobile


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

Размеры фото на обложку в Фейсбуке

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

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

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

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

Как только вы освоите эти базовые принципы, можно приступать к ознакомлению с остальными полезными советами. Давайте изучим практические рекомендации о том, как создавать подходящие и визуально запоминающиеся обложки Фейсбук:

  1. Соблюдайте требования Фейсбук к фото для обложки
    Никогда не будет лишним прочитать официальные требования Фейсбук. Никаких критических последствий при несоответствии требованиям не будет, но вы же не хотите подвергать свою страницу Фейсбук риску отключения. Вы всегда можете обратиться к официальным требованиям при выборе фото:
    • Обложки видны всем пользователям.
    • Обложки не могут содержать ложную информацию, вводить в заблуждение или нарушать чьи-либо пользовательские права.
    • Не забудьте свериться с требованиями к размерам перед загрузкой фото.
  2. Создайте фото обложку, которая будет цеплять глаз
    Target
    Будь то фотография, нарисованная иллюстрация, стоковое изображение или что-либо другое, сделайте его визуально эффектным. Вы можете пустить в ход цвета. Цветовые гаммы могут по-разному влиять на восприятие картинки аудиторией и создание впечатления. Поиграйте с разными цветовыми сочетаниями для изменения оттенка вашей работы – они могут быть дерзкими, утонченными или романтичными, в зависимости от того, к чему вы стремитесь.
  3. Примените старое правило «20% текста»
    Старое правило Фейсбука позволяло тексту занимать не более 20% вашей фотообложки. Несмотря на то, что технически это правило исчезло, общее впечатление о его полезности осталось неизменным. Если ваша фотообложка будет содержать текст, постарайтесь сделать его лаконичным.
  4. Выбирайте цвета, которые будут гармонично сочетаться с эстетикой вашего бренда

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

    Аккуратное изображение привлекает внимание пользователей эффективней, чем изображение с большим количеством деталей. Точно определите, что именно вам необходимо поместить на изображение. Даже если вам захочется погрузить тонны информации, не стоит этого делать. Это также не означает, что вы обязаны соответствовать минимализму. Общее впечатление должно быть таким, чтобы ваше изображение стало узнаваемым – поэтому чем меньше деталей на нем будет, тем проще его запомнить.
  6. Не пытайтесь вставить свой аватар в фотообложку
    Старый формат Фейсбука позволял пользователям с помощью некоторых уловок добавить аватар на фотообложку. Если вы наткнетесь на подобный совет, помните о том, что эта функция больше не доступна для бизнес-профилей.
  7. Продвигайте свои актуальные ивенты и продукты

    Сезонные и актуальные обложки могут быть использованы в качестве объявлений о новых продуктах/сервисах/ивентах. Таким незаметным и визуально приятным образом, вы привлечете больше внимания к тому, что продвигаете. Если вы периодически будете менять обложки, это будет поддерживать интерес аудитории к контенту на вашей странице.
  8. Оформите активные кнопки красивым дизайном
    Вы можете попробовать подчеркнуть кнопки «призывающие к действию», такие как «Зарегистрироваться» или «Купить». Раньше Фейсбук запрещал дизайны, акцентирующие внимание на эти кнопки, но теперь это ограничение снято. Однако, помните, что макет для мобильных версий отличается.
  9. Экспериментируйте с перемещением фокуса вправо

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


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

Ошибки, которых стоит избегать

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

  • Одна и та же фотообложка для разных целей. Размеры изображений на обложку для ивентов и групп в Фейсбуке отличаются, поэтому вам необходимо их оптимизировать. В противном случае неподходящие размеры и разрешения могут не вписываться. А также вам нужны оригинальные и узнаваемые странички, а не имитирующие друг друга шаблоны.
  • Слишком много текста. Большое количество текста создает информационную перегруженность в глазах аудитории. Лучше всего свести количество слов к минимуму, чтобы текст выделялся. Также постарайтесь избегать растягивания текста по всей картинке.
  • Слишком много деталей и загроможденность. Согласно с предыдущим пунктом, вам не нужна хаотично заполненная картинка. Чтобы уменьшить визуальную нагрузку на посетителя, вам лучше избавиться от всего, что не является существенно важным.
  • Не обращать внимания на формат страницы. Вам необходимо помнить детали вашего шаблона в Фейсбуке. Изображение на обложке будет частично обрезано аватаром и вашим именем (для компьютерной версии), или же не будут видны края (для мобильной версии). Убедитесь, что текст видно целиком в обеих версиях, и что обложка не повторяет изображение с аватара
  • Шаблонные и незапоминающиеся изображения. При отсутствии оригинального пользовательского изображения у вас нет шансов на создание мощного визуального воздействия на посетителей. В наше время люди просматривают огромное количество контента, поэтому так важно привлечь их внимание с помощью чего-то, что они еще не видели. Тщательно продуманная уникальная обложка наиболее эффективно передаст информацию о том, кто вы есть.
  • Отсутствие четко определённого бренда. Эта ошибка является еще одним способом сделать вашу страничку менее запоминающейся. Пользовательские цвета и логотип бренда делают свой вклад в уровень осведомленности о бренде. Убедитесь в том, что все оформлено тонко, но однозначно, потому что пользователи не очень любят контент «в лоб».

Примеры идеальных фото обложек в Фейсбуке

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

Canva Facebook


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

HBO Facebook


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

Herschel Facebook


Herschel mobile


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

Как создать фотообложку в Фейсбуке: пошаговое руководство

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

Шаг 1. Откройте бесплатный онлайн редактор pixlr.com.

pixlr editor


Шаг 2. Загрузите изображение в рабочее пространство.

Upload the image into the working area


Шаг 3. Поменяйте окно «Границы» на «Выходной размер» и установите ширину и высоту на 820 и 360 соответственно (это оптимальный размер изображения как для компьютерной, так и для мобильной версии). Перетащите инструмент обрезки в соответствии с тем, как вы хотите обрезать изображение и нажмите «Ввод».

Change the ‘Constraint’ tab to ‘Output size’


Шаг 4. Перейдите в «Файл» - «Сохранить как…» и измените формат на PNG. Сохраните изображение на свой компьютер.

Go to ‘File’ – ‘Save as…’


Шаг 5. Перейдите на свою страничку в Фейсбуке. Нажмите на «Добавить обложку» или «Изменить обложку» в верхнем левом углу и выберите «Загрузить фото».

Upload Photo


Шаг 6. Нажмите на нужное изображение и сохраните новую обложку. Готово!

North Shore


Видео обложка в Фейсбуке

Вместо фотообложки бизнес-страницы в Фейсбуке теперь имеют возможность загрузить видеообложку. Главной целью этой функции является увеличение количества взаимодействий с пользователями. Видео формат открывает множество возможностей того, чем может поделиться бренд: предоставить полезную информацию, продемонстрировать свой продукт/услуги, показать свое «закулисье» и т.д.

Nokia


Видео обложка Фейсбук должна по крайней мере 820 х 312 px, но рекомендуемые размеры – 820 х 462 px. Разрешение может быть вплоть до 1080р и размер файла должен быть не больше, чем 1.75 Гб в формате .mp4 или .mov. Длительность видео должно быть от 20 до 90 секунд.

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

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

Примеры видео обложек в Фейсбуке

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

Wired


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

Hubspot Academy


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

REI


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

FAQ

Как сделать фотообложку закрытой?

Если у вас есть загруженное фото, оно всегда будет видно другим пользователям. Однако вы можете сделать свои старые обложки видными только для вас. Нажмите «Редактировать» на старых фото с обложки и выберите «Только я»

Какой размер обложки Фейсбук в дюймах?

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

Отображаются ли изменения фотообложки в новостной ленте?

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

Как изменить фотообложку в Фейсбуке с Айфона?

Нажмите на свой аватар в верхнем левом углу, а затем на фото вашей текущей обложки. Выберите «Загрузить фото» и в меню выберите фото, которое хотите использовать. Нажмите «сохранить» в верхнем правом углу.

ПОДЕЛИТЬСЯ: