Какой размер обложки на facebook – размеры, формат, инструкция по созданию

40 примеров красивых обложек для facebook, размер обложки facebook

23 февраля 2013

Не так уж и давно социальная сеть facebook перевела пользователей на обновленный вид личной страницы, который получил название “Таймлайн” из-за своей структуры, в которой обновления и пользовательская активность отсортированы по времени. Одним из элементов обновления внешнего вида, который увидел мир, стало наличие “Шапки хроники” (Timeline Cover). Множество пользователей по всему миру приняли это нововведение с завидной долей вдохновения. В данном посте приведу наиболее креативные примеры оформления обложки хроники facebook. Некоторые, возможно, заставят вас улыбнуться, а некоторые- вдохновят на создание еще более ярких шедевров.

О размере обложки facebook

Не лишней наверное будет информация, что размер обложки facebook составляет 851 пиксел в ширину и 315 пикселов в высоту. Если  же Вы загрузите изображение меньшего размера, то оно будет растянуто до указанных выше параметров. Это пагубно скажется на качестве картинки и приведет к ее “замыливанию”.

Чтобы Ваша страница хроники загружалась в браузерах пользователей быстрее, то лучше загружайте файлы формата JPG с цветовым профилем sRGB размером менее 100 Килобай, ну и как было сказано выше, шириной 851 пиксель и высотой 315 пикселей.

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

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

Kay Int Veen.

Aly Moffatt.

Andrew Grojean.

Nirajan Bom Malla.

Antonio Fadda.

Delphin Hauchard.

Dustin Thaxton.

Eduardo Calvo.

Emanuele Bartolomucci.

Enk Shahbaz Mehdi.

Oliver Alexander.

Eyal Shahar.

Fabio Maravilla.

Florim I. Qerimi.

Gianmarco Carrieri.

Giuseppe Draicchio.

Manoj Varghese Mathew.

Menteş Nihat Baran.

Helbert Campos.

Jeremy Bronson.

Jerome Vadon.

Jessica Barnard.

Johnny Gigantic.

Jörgen Bröms.

Robert Falkén.

Lanfranco Nantele.

Leo Lee.

Louise Lundberg.

Maarten Walraven.

Nagaraj Vijayarangan.

Maurizio Mazzanti.

Mohammad L. Azzam.

Murat Çizer.

Niels Langeveld.

Oliver Elsner.

<

Ori Hasson.

Richard Kårström.

Rudolfo Nobre.

Scott Lamb.

Tom Lambie.

Также интересно:

drredpen.ru

6 простых советов :: Shopolog.ru

На основе материала Facebook Timeline Cover Images: 6 Pointers, источник – Practical eCommerce

30-го марта 2012 года все страницы на Фейсбуке были переведены на Хронику, новый вид отображения контента, введенный этой социальной сетью совсем недавно. Самый большой элемент Хроники, выводимый при входе на страницу – Обложка, Cover Image. Социальная сеть накладывает ряд ограничений на обложки для Фейсбука. В частности, запрещено размещать:

  • информацию о цене или условиях приобретения, включая фразы типа «Скидка 20%!» или «Скачивайте с нашего сайта!»;
  • контактную информацию – адрес сайта, e-mail, номер телефона и т.п.;
  • упоминания элементов интерфейса в обложке для фейсбука – кнопок «Мне нравится», «Я рекомендую»;
  • призывов к действию, типа «Спешите, предложение ограничено» или «Расскажи друзьям».

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

Оптимизация размера

Рекомендованная Фейсбуком ширина картинки для обложки – 399 пикселей. Однако оптимальным является размер 855 на 350 пикселей. В некоторых материалах предлагаются другие размеры – 850 на 315, например, – но лучшим решением все же является 855 на 350 пикселей.

Фокус по центру или с правой стороны

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

Соответствие требованиям Фейсбука

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

Плохой пример обложки для фейсбука

Брендинг!

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

Простой вариант обложки для фейсбука

Частые обновления

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

Использование приложений

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

Простой вариант обложки для фейсбука

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

www.shopolog.ru

Какой должна быть обложка для фейсбука, чтобы привлечь клиентов на бизнес-страницу

Обложка для фейсбука может стать отличным инструментом для привлечения потенциальных клиентов на вашу страницу в этой соцсети. Каким должен быть ее дизайн? Какой размер обложки facebook наиболее оптимален? Что нужно знать о недавнем редизайне  бизнес-страниц? Мы провели целое исследование, оценили дизайн сотни обложек мировых брендов и смогли ответить на все эти вопросы. В этой статье вы также найдете более 50 интересных обложек для facebook, которые вас вдохновят, 18 советов по дизайну бизнес- страниц от мировых брендов и пару лайфхаков от нашей студии. 

Каким должен быть размер обложки facebook?

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

Так выглядит дизайн страницы Facebook на момент написания статьи (февраль 2017)

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

Слева вы видите инструменты, которые помогут вам отредактировать фото профиля прямо в Facebook

Фото обложки для facebook отображается с разрешением 820 на 312 пикселей на компьютере. На смартфонах — 640 на 360 пикселей. Есть также минимальные требования по количеству пикселей изображения — 399 на 150.

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

Они перекрывают небольшую область фотографии обложки

После того, как пользователь проскролил страницу, кнопки перемещаются вниз.

Теперь верхнюю часть картинки видно

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

Так выглядит картинка 820 на 312 на экране компьютера

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

Совет: Есть 2 варианта, как выйти из этой ситуации.
1) Важную информацию располагайте в центральной части обложки.
2) Задайте высоту картинки больше, чем 312.
Вот так, например, будет смотреться на экране мобильного картинка размером 820 на 475 пикселей.

Все зебры на месте, т.е. на экране будет видно всю информацию

Главное, что нужно знать о последних изменениях дизайна страниц Facebook?

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

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

А так страница выглядит в новом дизайне: 

Теперь компания прибегнула к другому триггеру — улыбающейся девушке в правом углу

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

Шоколадное печенье справа нависает над кнопкой на странице Oreo

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

Внимание пользователя сконцентрировано на саму обложку и кнопки слева

Вот пример того, как синюю кнопку использует конкурент Toyota — компания Porsche.

На странице компании Porsche синяя кнопка призывает к просмотру видео

Использовать кнопку CTA или нет — решать вам. Оцените пользу, которую она может принести вашему бизнесу. С ее помощью пользователь может связаться с вами одним прикосновением к экрану смартфона, либо просмотреть видеоролик о новом продукте. Так, почему же не воспользоваться этим бесплатным маркетинговым инструментом?

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

Вот такую обложку с интеграцией элемента мы делали в свое время для нашего клиента

Теперь фото профиля, согласно новому дизайну, располагается отдельно.

Обложка стала чистой: кнопки, название и фото профиля расположились за ее границами

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

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

Читайте вторую часть статьи и получите 18 советов от мировых брендов по оформлению своей бизнес-страницы.

Если вам понравилась статья, подписывайтесь на наш блог или страницу фейсбук.

blog.icondesignlab.com

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *