Размеры изображений в социальных сетях на 2020 год
Интерфейсы современных социальных сетей постоянно пополняются новыми деталями, возможностями и избавляются от более старого функционала. Во всех тонкостях загрузки нужных изображений в соцсетях очень легко запутаться. Для всех соцсетей нужно делать изображения отдельно. В помощь вам мы сделали перечень размеров изображений, актуальный в 2018-2020 годах. Тут нет инструкций по заполнению контента, лишь гайд по размерам.
Определения
Но сначала мы расскажем о том, какие бывают виды изображений в соцсетях.
Изображение обложки представляет собой картинку в начале страницы, которое пользователь видит в первую очередь.
Изображение профиля — самая важная картинка вашей странички в интернете. Она находится рядом с картинкой объекта и отображается во всех местах, где вы что-либо публикуете и оставляете комментарии.
Изображение на публикации используется для какого-либо поста в вашем профиле.
Пост со ссылкой тоже сопровождается отдельной картинкой.
Размеры картинок в Facebook
Западная социальная сеть Facebook является самой известной в мире, и с ней наверняка будут контактировать большинство ваших клиентов.
1. Размеры изображения на деловой странице в Facebook
Обложка на странице
- Размер обложки Фейсбуке равняется 820 на 312 пикселям.
- Можно загрузить картинку и более высокого качества, лишь бы она соответствовала корреляции 2,628:1.
- На смартфонах же картинка показывается в 640 на 360 пикселей. Так что при условии, что важной частью изображения является слова или символика, то их необходимо поставить в центр во избежание обрезания.
- Лучше всего подойдёт формат изображения PNG, в особенности если частью картинки является буквы или символы.
- Для максимально быстрой загрузки сам сайт советует sRGB JPG и предел объема в 100 КБ.
Фотография профиля
- Своими габаритами картинка на странице в Фейсбуке не может быть меньше
- Можно установить картинку иного размера, пока она не меньше указанного выше и соответствует соотношению один к одному.
- На смартфонах картинка уменьшится до 128 на 128 px.
- Если изображение не соответствует квадратному соотношению, оно автоматически обрежется до такового самим сервисом.
- Миниатюра показывается в пределах 40 на 40 px и округляется. То есть требуется поставить логотип в центр и сделать его длиной в 20 пикселей.
Публикация с картинкой
- В ленте с новостями картинка отобразиться 476 пикселями и масштабируется до 2:2,30
Публикация со ссылкой
- Тут больше всего подойдёт картинка в 1200 на 630 px.
- Фотка отобразиться как 476 на 248 px, а на бизнес-странице — как 450 на 235 px.
- Миниатюрная квадратная картинка на всём сайте соответствовует 158 на 158 пикселям. Но только при условии, что изображение с сайта своими размерами не больше 600 на 315 пикселя.
2. Размеры изображения группы во Facebook
Обложка в группе
- На самой странице обложка отобразится размером 820 на 428 px.
- Можно загрузить и более качественное изображение, но важно сохранять пропорции 3,82:2.
- Лучше же всего в лицевую картинку группы поставить файл с масштабом 1640 на 956 px.
3. Размеры картинок в мероприятиях на Facebook
- Показываться на веб-странице мероприятия картинка будет 500 на 262 пикселя
- Самый крайний объем площади никак не может быть меньше 400 на 150 пикселей.
- На случай, если вы разделили мероприятие: картинка в ленте с новостями соответствовать 476 на 248 пикселям.
4. Размеры картинок Истории во всех отделениях Facebook
- Тут лучше всего загрузить картинку со стандартными перевернутыми на 90 градусов Full HD пропорциями: 1080 на 1920 px.
- В видах файлов спокойно подойдут JPG с PNG.
5. Размер картинок опросов на Facebook
- Соотношение сторон картинок квадратное, и подойдут все возможные характеристики, превышающие 236 на 236 px, ведь именно таким размером он отображается на самом сайте.
- Форматами для загрузок тут мало ограничений — подойдёт и PNG с JPG, куда менее популярный TIFF и анимация в файлах GIF.
6. Масштабы изображений продукции в Facebook
- Картинка с продукцией обязана равняться 1024 на 1024 пикселя или больше.
- Сама картинка должна иметь форму квадрата и иметь белоснежный фон.
7. Масштабы картинок Вакансий в Facebook.
- Наименьший допустимый масштаб в рамках вакансии соответствует 408 на 208 px.
- Однако наиболее оптимальным вариантом считается 1200 пикселей на 630.
Размеры картинок для Twitter
Twitter также может оказаться полезной соцсетью для продвижения компании, хоть каждое высказывание в нём и ограничено 280 символами. В ней аудитория хочет как можно скорее оказаться в курсе всего творящегося. Тут крайне важно живое общение и взаимодействие с другими пользователями.
Хедлайнер
- Своим размером картинка обложки профиля обязана соответствовать 1500 на 500 пикселям.
- Однако показываться загруженная картинка не совсем полностью, а именно в 1500 пикселей на 420.
- Из поддерживаемых файлов присутствуют PNG, JPG и не являющиеся анимацией GIF.
- Объёмом файл не способен быть тяжелее 10 МБ.
Картинка профиля
- Аватаркой профиля способна стать картинка площадью 400 на 400 пикселей.
- Итоговый размер равняется 200 на 200 px.
- А уменьшенная версия так и совсем крохотная — 40 на 40 px.
- У видов файлов правила те же: PNG, JPG и GIF, не содержащие в себе больше одного кадра.
Сообщения с изображениями на странице профиля
- Картинки показываются уменьшенными до 506 px.
- Они достигают максимального объема в 15 Мегабайт в компьютерной версии сайта и до 5 — в версиях для гаджетов.
Сообщение со ссылкой на странице профиля
- Картинка показывается масштабом в 506 на 254 px.
Размеры картинок в Google Plus
Google Plus — соцсеть от корпорации Google, один из многих их экспериментальных проектов. Далеко не самая популярная соцсеть, но имеет своих преданных поклонников.
Обложка на странице
- Масштаб картинки на странице соответствует 1080 на 608 px.
- Самое низкое же доступное разрешение равняется 480 на 270 px.
- Есть и высший порог — 2120 на 1192 пикселя.
- Предел объема загружаемого файла — 20 МБ.
- Поддерживаются типы файлов PNG и JPG.
Фотография профиля на странице
- Аватар профиля равен квадрату и соответствует 250 на 250 пикселям.
- Нижний же порог картинки — 120 на 120 px.
- Уменьшенная копия будет версией с разрешением 36 на 36 px.
- Загружаемыми видами файлов являются PNG, JPG и GIF.
Сообщение с изображением на веб-странице компании
- Показываться картинки будут 528 пикселями в длину.
- А в ленте с новостями станут ещё немного меньше — уже 376 пикселями.
- Высота изменится пропорционально длине.
- Самый большой размер изображения при открытии не может быть более громоздкой, чем 2048 на 2048 пикселя.
Сообщение со ссылкой
- С прикреплением ссылки ширина изображения не изменится — 528 px.
- Высота адаптируется под длине.
Размеры картинок в WhatsApp
Прежде всего WhatsApp — мессенджер, где также предусмотрена возможность учреждать группы и прочие возможности. Бизнес-аккаунт в этой соцсети гарантирует мгновенную связь с пользователями.
Изображение персонального или бизнес-профиля
- Аватарка: 192 на 192 пикселя.
- Для неё можно загрузить файл формата PNG или JPG.
Изображение профиля в группе
- Правила те же — 192 на 192 px.
- Форматы картинок тоже только JPG или PNG.
Размеры изображения в Instagram
Instagram — соцсеть, нацеленная на публикацию изображений. В плане продвижения своих услуг это один из наиболее наглядных для пользователей вариантов. Тем более благодаря системе хэштегов можно очень успешно продвинуть свои публикации в самый топ выдачи, тем самым обеспечив свежий приток новый пользователей.
Изображение профиля
- Максимальный масштаб аватарки составит 152 на 152 px.
- Её же миниатюрная версия равна 32 на 32 пикселям.
- Загрузить можно файлы типа JPG или PNG.
Изображение в публикациях
- Лучше всего загружать картинки масштабом 1080 на 1080 px.
- Во время просмотра профиля фотки будут в 302 px, а при одном клике — на 600 px.
- На главной же веб-сайта они так же равны 600 пикселям.
- Из типов файлов поддерживаются PNG или JPG.
Истории в Инстаграме
- Тут самый огромный размер — уже знакомый перевернутый Full HD 1080 на 1920 пикселя.
- Среди поддерживаемых типов все ещё PNG или JPG.
Размеры изображения на видеохостинге YouTube
YouTube прежде всего известен как сеть, куда загружаются видео, но и там придется иметь дело с изображениями.
Обложка изображения на канале
- Необходимый минимум фонового изображения для канала — 1048 на 1152 пикселя.
- Рекомендованный размер: 2560 на 1440 пикселя.
- В версии для гаджетов картинка будет размером 1546 на 423 пикселя.
- Предел ширины для картинок — 2560 px.
- Файл картинки не может весить больше 6 МБ.
Фотография в профиле канала
- Картинке профиля на вашей странице необходимо быть в масштабе 800 на 800 пикселей.
- Стоит только соединить свои аккаунты YouTube с соцсетью от Google, как аватарка будет автоматически взята с последнего.
- В основном аватарка соответствует масштабу 98 на 98 пикселей.
- Из доступных для установки типов файлов числятся BMP, PNG, JPG или GIF.
Масштабы изображения во Вконтакте (VK)
Вконтакте, сейчас заметно чаще называемый сокращением VK — популярная российская соцсеть. Раньше она была известна как русский аналог Фейсбука, но со временем обрела свой уникальный статус и сильно отошла от основ дизайна прародителя.
Обложка на странице
- Лучше всего загружать картинки размером 1590 на 400 px.
- Показываться картинка в масштабе 796 на 200 px.
- Поставить можно типы файлов вроде GIF, PNG или JPG.
Фотография профиля
- Картинка профиля на сайте соответствует масштабу 50 на 50 пикселей.
- Наибольшую площадь картинки на страничке занимают в 500 на 200 px.
Пост с изображением
- Длина картинки в публикации не превысит 510 px.
Публикация со ссылкой
- Длина картинки в таком посте будет не больше 510 px, а высота приравняется 308 пикселям.
Масштабы картинок на Одноклассниках
Ok.ru, более известная как Одноклассники — ещё одна соцсеть, лидирующая по популярности в России.
Фотография профиля
- Аватарка профиля равняется 288 на 288 пикселям.
Картинка в постах
- Лимит длины картинки в публикации — 546 px.
Публикация со ссылкой
- Здесь картинка равняется 546 на 272 px.
Итог
Важно помнить не только соблюдать нужные масштабы, но и подбирать наиболее подходящий вариант оформления ваших страниц, чтобы пользователи видели ценность в выкладываемом контенте.
Заказать обложку или баннер Заказать оформление группы Заказать накруткуИдеальная обложка для Вашей страницы в Facebook.
Как и где сделать красивую обложку для Facebook ?
Фотографию для обложки на фейсбук можно скачать или уже готовую, или можно создать что-то оригинальное что бы ваша обложка фейсбук выделялась среди остальных.
1 Вариант – Скачать картинки или уже готовые обложки для Facebook.
Вот небольшой список ресурсов где уже можно скачать готовые обложки для вашего личного или бизнес профиля в Facebook:
1. F-cover
Тут можете бесплатно скачать классные картинки для фейсбука. Сайт постоянно обновляется, количество обложек и картинок постоянно увеличивается. Новые бесплатные широкоформатные обложки для facebook photo.
2. Рhotoshablon.ru
Здесь можно скачать бесплатно, и без регистрации, самые разнообразные варианты готовых обложек для фейсбук. Так же можно найти заготовки шаблонов в PSD формате для создания и оформление интересных обложек для фейсбук.
3. Рhotoshop-master.ru
А вот это вариант содержит готовый обложки для Facebook в PSD формате. Скачивания файлов с обложками бесплатно, но для работы необходима программа Photoshop. Отличный вариант для дизайнерского оформления обложки бизнес страницы в фейсбук.
4. Google
Да, конечно это самый простой вариант, но это вариант не гарантирует уникальность в оформлении вашей обложки в фейсбук. Особенно если вы скачали фото и первых 100 выпавших в поиске.
2 Вариант – Создать или доработать скачанный вариант обложки на facebook.
Использую программу Photoshop или другой визуальный редактор. В первом варианте мы упоминали сайты с файлами формата PSD которые как рас для программы Photoshop.
- Canva
Простой, удобный и бесплатный графический онлайн редактор. Идеально подойдет для создание красивой и оригинальной обложки для фейсбук. В Canva вы найдете множество уже заготовленных дизайнов) Так же есть масса дополнительных элементов, картинок, иконок, текста что быстро и красиво создать обложку. Все шаблоны уже стандартизированы под размер обложки Facebook.
2. Designbold.
Еще один простой и бесплатный онлайн редактор фотографий. Тут намного больше бесплатных картинок и иконок чем в Canva. Но не доступны кириллические шрифты и в бесплатной версии можно скачать только 5 фотографий в месяц. Но этого вполне достаточно что бы красиво оформить 1 обложку на Фейсбук.
PS. Photoshop, Canva и Designbold, так же просто помогут вам изменить размеры любой картинки что бы она красиво вписывалась в необходимые размеры для обложки в Фейсбук.
Так же, всегда можно совместить все эти инструменты, например создать красивый шаблон используя Designbold, а потом дополнить его текстом в Canva или Photoshop.
Как вы думаете, на что первым делом смотрят посетители вашей страницы в Фейсбуке?
Я дам вам подсказку. Это визуальный контент, который отображается наверху вашей страницы и имеет размеры 820 пикселей в ширину и 312 в высоту. В большинстве десктопных браузеров он занимает почти четверть экрана.
Именно! Это фоновое изображение страницы Фейсбука.
Иногда его называют обложкой. Эта картинка ー одна из самых заметных деталей вашей страницы, поэтому очень важно, чтобы вы последовали нашим рекомендациям по её оформлению.
Размер фонового изображения в Фейсбуке
Обрежьте фотографию обложки до правильных размеров:
- 820 пикселей в ширину и 312 пикселей в высоту для настольных компьютеров,
- 640 пикселей в ширину и 360 пикселей в высоту для мобильных устройств.
Если загруженное изображение меньше, Фейсбук растянет его до нужных размеров, и оно будет выглядеть нечётко.
Независимо от того, используете ли вы Фейсбук для получения потенциальных клиентов, заключения сделок или создания сообщества клиентов, очень важно знать, как создавать и оптимизировать фотографии для обложки. Если учитывать размеры фотографии, упомянутые выше, вам может быть тяжело совместить идеи по оформлению обложки с требованиями платформы.
На рис. Примечание: зелёная область видна как на мобильных устройствах, так и на настольных ПК.
Как видно из этого рисунка, существует довольно большое пространство на обложке, которое ваша аудитория может не увидеть, в зависимости от того, с какого устройства заходит ー с мобильного или настольного ПК.
Поэтому лучше всего разместить основное послание контента в зелёной области, где все смогут увидеть вашу обложку, независимо от используемого устройства.
Одиннадцать лучших методик создания фото для обложки Фейсбука
1. Следуйте правилам создания обложек, приведённым в руководстве Фейсбука.
Это кажется само собой разумеющимся, но соблюдение правил Фейсбука имеет решающее значение для вашей страницы. Я бы настоятельно рекомендовала ознакомиться с полным текстом правил и приведу несколько важных пунктов, которые стоит учитывать при загрузке фонового изображения на Фейсбук:
- Ваша обложка отображается публично.
- Обложки не могут содержать ложь, вводить в заблуждение или ущемлять чужие авторские права.
- Вы не можете побуждать людей загружать вашу обложку в их хронику.
Если вас поймают на нарушении вышеуказанных правил, Фейсбук может принять меры против вашей страницы. И хотя компания явно не говорит, что произойдёт, вероятно, не стоит подставлять свою страницу из-за нарушения правил размещения фотографий на обложке, поэтому прочитайте их полностью и придерживайтесь в дальнейшем.
2. Убедитесь в том, что размер фотографии подходит.
В начале этой статьи я уже говорила, что лучший размер фона для страницы Фейсбука составляет 820 пикселей в ширину на 312 пикселей в высоту для компьютеров и 640 пикселей в ширину на 360 пикселей в высоту для мобильных устройств.
Вы ведь не хотите тратить время на создание обложки, а потом обнаружить, что она выглядит странно, когда вы загрузите её на Фейсбук.
Если вы загрузите изображение меньше этих размеров, Фейсбук растянет его до нужного размера, но только если его ширина составляет не менее 399 пикселей, а высота ー 150 пикселей.
3. Не беспокойтесь о старом правиле «20% текста», но всё же старайтесь оставаться визуально-ориентированными.
Ещё в 2013 году Фейсбук перестал следовать правилу 20% текста на фотографиях с обложки… но это не значит, что можно разгуляться, размещая текст поверх фото. В прежнем правиле говорилось, что только 20% вашей фотографии на обложке могут содержать текст. Лично я думала, что это слишком ограничивало маркетологов, но смысл, заложенный в ограничение, был правильным.
Если вы собираетесь использовать текст на обложке, сделайте его кратким. Ваша фотография будет намного более информативной и привлекательной. Вы можете посмотреть, как мы попытались достичь этого баланса, на странице HubSpot в Фейсбуке ниже.
4. Сделайте так, чтобы основной акцент и цвета обложки соответствовали бренду.
Рассматривайте обложку как первый экран вашей страницы. Если он отвлекает или сбивает с толку, люди с большей вероятностью уйдут.
Многие из лучших фотографий обложек в Фейсбуке включают центральный элемент, чтобы привлечь к нему внимание посетителей, а также используют цветовую схему, которая соответствует бренду. Помните, что учётные записи в социальных сетях являются продолжением вашего бизнеса и должны сразу же производить такое впечатление на посетителей.
В этих фотографиях также много воздуха, то есть пустого пространства, чтобы подчеркнуть тему, разместить на фоне текст и другие уникальные для Фейсбука элементы (например, кнопку призыва к действию на бизнес-страницах) и ещё больше выделиться.
Вот пример от Makr:
И ещё один от платформы управления социальными сетями Sprout Social:
5. Не пытайтесь стереть грань между обложкой и фотографией профиля.
С помощью некоторых хитроумных дизайнерских приёмов вы могли подогнать ваше фото профиля и обложки друг под друга так, чтобы казалось, будто одна ー продолжение другой. Вы всё ещё можете сделать это в своём личном профиле, но на бизнес-страницах в Фейсбуке так делать уже нельзя.
Одна из давних фотографий на обложке страницы Парижа выглядела классно:
Теперь, как показано в предыдущих примерах этой статьи, изображение профиля полностью отделено от фотографии на обложке.
Мы восхищаемся вашей креативностью, но не создавайте подобный дизайн, если вы ещё не запустили бизнес-страницу ー вы будете разочарованы.
6. Обращайте внимание на кнопки действий справа внизу.
Возможно, вы заметили в нескольких примерах обложек выше, что основные кнопки призыва к действию (CTA) на них были разными. Компания Makr призывает: «Покупайте сейчас», в то время как Sprout Social говорит: «Зарегистрируйтесь».
В зависимости от бизнеса, вы можете настроить страницу Фейсбука с уникальной кнопкой CTA в правом нижнем углу обложки. Учтите это при разработке дизайна и поясните на фотографии, какой следующий шаг от посетителя вы ожидаете.
Отель Urbano делает это очаровательным способом, используя девушку в очках, чтобы привлечь ваше внимание к кнопкам, к которым она, кажется, плывёт…
Примечание: вы можете подумать, что это хорошая идея ー добавить указатели направления, например, стрелки, чтобы люди нажимали на кнопки призыва к действию. Имейте в виду, что эти кнопки в мобильном приложении выглядят иначе. Другими словами, если вы напрямую интегрируете дизайн обложки с кнопками, у пользователей мобильных устройств дизайн отобразится совсем не так, как вы хотите.
Через минуту я покажу вам, как выглядят бизнес-страницы на мобильных устройствах.
7. Правильно выровняйте объекты на обложке.
Поскольку изображение профиля находится слева, вам нужно сбалансировать дизайн обложки, смещая фокус изображения вправо.
Взгляните на эти фоновые фотографии. Какая из них выглядит более эстетично?
Выровненный по правому краю фокус:
Выровненный по левому краю фокус:
Разве обложка с фокусом справа не выглядит лучше? Самые крупные элементы дизайна (изображение профиля, текст и Статуя Свободы) расположены равномерно. На старой фотографии обложки Samsung ваше внимание сразу же концентрируется на левой стороне страницы, при этом в правой верхней части полностью отсутствует название продукта.
Баланс не только является важным элементом дизайна, он также позволяет сделать ваши фотографии обложки визуально эффектными на мобильных устройствах. Что подводит меня к следующему пункту…
8. Помните о мобильных пользователях.
По данным Statista, в 2019 году 96% пользователей Фейсбука заходят в социальную сеть с мобильных устройств, таких как смартфоны и планшеты. Это огромная цифра, и именно поэтому так важно, чтобы при разработке обложки Фейсбука вы прежде всего думали о мобильных пользователях.
На мобильном телефоне большая часть фотографии обложки не отображается, потому что изображение профиля и название страницы находятся сверху фотографии обложки.
Изображение предоставлено: Twelveskip
На рис.: Видимая область Фейсбука в мобильном приложении
Фото профиля, Имя + Фото профиля, название страницы, кнопки CTA
Давайте посмотрим на реальный пример. Ниже вы видите, как выглядит страница Cisco в браузере ПК по сравнению с мобильным приложением Фейсбука.
На ПК:
На мобильном устройстве:
Обратите внимание, стороны фотографии обрезаются, если вы заходите с мобильного. Фотография обложки имеет ширину 820 пикселей и высоту 312 пикселей на ПК, а на смартфонах отображается только её центральная часть шириной 640 пикселей и высотой 360 пикселей. Взгляните на этот справочный документ Фейсбука, чтобы прочитать дополнительную информацию.
Кстати, обратите внимание, как текст на обложке Adobe обрезается с правой стороны. И хотя лучше всего выравнивать визуальные элементы по правому краю, будьте осторожны и не размещайте важный контент справа у края, чтобы его не обрезали при показе на мобильных устройствах.
9. Включайте сокращённую ссылку в описание вашей обложки, которое соответствует призыву к действию на странице.
Если вы хотите при помощи обложки поддержать призыв к действию, убедитесь в том, что описание вашей фотографии с обложки также содержит текст CTA и ссылку на то же предложение. Таким образом, каждый раз, когда люди просматривают вашу обложку напрямую, они видят ссылку на скачивание.
Вот пример на странице Adobe в Фейсбуке:
Сократите ссылки и добавьте UTM-метки, чтобы отслеживать клики по ним.
10. Закрепите соответствующий пост прямо под изображением обложки в Фейсбуке.
Вы когда-нибудь закрепляли сообщение в ленте Фейсбука? Обычно закрепление сообщения позволяет вам показывать его выше всего контента, в верхней части временной шкалы, в течение семи дней. Прикреплённое сообщение обозначается маленькой синей канцелярской кнопкой в правом верхнем углу сообщения. Посмотрите пример на странице Fashion Nova ниже:
Как это связано с оптимизацией вашей обложки Фейсбука? Что ж, если вы тратите время, выравнивая призыв к действию, дизайн и текстовое описание обложки, вы также должны опубликовать это фото в ленте и закрепить его.
Таким образом, вы даёте людям один очень чёткий призыв к действию, когда они приходят на вашу страницу (хотя и в нескольких разных местах). И это должно увеличить конверсию.
Как закрепить пост: просто опубликуйте его в Фейсбуке, затем кликните на три точки в правом верхнем углу сообщения и выберите «Прикрепить наверху Страницы».
11. Подумайте о публикации видеообложки.
Вы правильно прочитали. На бизнес-страницах Фейсбука теперь есть возможность добавлять видеоролики вместо статичной обложки, при условии, что они отвечают определённым требованиям, которые мы для вас откопали.
Как создать видеообложку
Сохраните видеофайл шириной 820 пикселей и высотой 426 пикселей на рабочем столе. Откройте бизнес-страницу Фейсбука, нажмите «Изменить обложку» в левом верхнем углу фоновой фотографии и выберите «Загрузить фото/видео». Это позволяет загрузить файл с рабочего стола на вашу страницу, отформатировать его и опубликовать.
Сейчас Фейсбук поддерживает обложки с видео продолжительностью от 20 до 90 секунд, шириной не менее 820 пикселей и высотой 312 пикселей. Максимальный (и рекомендуемый) размер составляет 820 на 462 пикселя с разрешением видео 1080p.
Помните, что видео с обложки воспроизводится циклически. Как только оно заканчивается, то автоматически начинается сначала, если зритель всё ещё находится на вашей странице. Учитывайте это, и пусть всё, что вы публикуете, будет приятным, если увидеть это не раз. Экстремальные, насыщенные действиями видеоролики могут показаться утомительными при воспроизведении снова и снова…
Вы выберете файл с рабочего стола, нажмёте «Далее», где вас попросят выбрать одну из 10 миниатюр предварительного просмотра видео. Выбранная вами картинка будет отображаться для пользователей, которые наводят курсор на фотографию профиля перед посещением вашей полной бизнес-страницы.
Примеры видеообложек Фейсбука
Видеообложки ー отличный вариант для тех, кто предпочитает видео. Бренды во многих отраслях уже воспользовались этой возможностью, чтобы привлечь внимание посетителей. Вот несколько замечательных примеров, чтобы вдохновить вас:
REI
Компания REI продаёт оборудование для активного отдыха, например, кемпинга, походов, бега, катания на лодках и велосипедах. Ненавязчивое видео на обложке отражает идею продуктов компании, всё в одной мирной ускоренной съёмке с изменяющимся пейзажем. И компания знает, что именно это жаждет увидеть её аудитория.
Nokia
Nokia хочет быть везде, где есть её пользователи ー будь то катание на байдарках, подводное плавание, скейтбординг или работа. Видео на обложке Фейсбука представляет своего основного клиента в визуально приятном видеоряде.
Журнал WIRED
Когда ваши публикации меняются так же быстро, как и обновляющиеся новости, может быть трудно сосредоточить внимание читателей на историях, которые, по вашему мнению, заслуживают пристального внимания. Журнал WIRED использует видеообложку в Фейсбуке как раз для этой цели, как показано в примере ниже.
Академия HubSpot
Хорошо, может быть, у нас есть предубеждение, но наша блестящая творческая команда нанесла сокрушительный удар при помощи этого видео, сделанного для Академии HubSpot. Иногда анимация ー лучший способ уловить суть бренда.
Как видно из этих примеров, ваше видео должно быть таким же простым, как и фотография на обложке. Имейте в виду, что рекомендации, изложенные в пункте 1 этого руководства, применимы и к видеообложкам.
Оригинал публикации https://blog.hubspot.com/marketing/facebook-cover-photo-size-best-practices
Перевела Татьяна Пушкина специально для Convert Monster
Размер обложки для фейсбука и как поменять шапку
Перечислим технические требования и дадим рекомендации по выбору идеального размера обложки для фейсбука с учетом того, что она по-разному отображается на компьютерах и смартфонах.
- Разный формат на ПК и мобильных
- Подготовка в редакторе
- Угодить и тем, и тем – какой же размер идеален
- Как поменять шапку
Разный формат на ПК и мобильных
Фейсбук об обложке говорит следующее:
- На кнопочных телефонах она не отображается
- На компьютере она отображается размером 820×312 пикселей
- На смартфоне – 640×360 пикселей
- При этом загружать надо картинку размером не менее 400×150 пикселей, иначе она просто не загрузится.
- Быстрее всего загружается картинка 851×315 в формате JPEG объемом до 100Кб.
Что это значит? Обложка выглядит по-разному на мобильном телефоне и компьютере. На мобильном она более квадратная.
- На компьютере это будет широкий прямоугольник размером 820×312
- А на мобильном – узкий прямоугольник размером 640×360.
Вы не можете загрузить обложку одновременно в двух форматах. Загруженная вами картинка неизбежно обрежется до вышеприведенных размеров, причем по-разному на телефоне и ПК. Если хотите, чтобы картинка соответствовала внешнему виду обложки на компьютере, загружайте картинку размером 851×315.
Вид обложки на на ПК 
Вид обложки на мобильномПодготовка в редакторе
Подготовить картинку правильного размера легко. Откройте ее в редакторе Paint. Выберите «Главная», «Изменить размер», «Пиксели» и введите число 851 по горизонтали. После этого сохраните.
Как изменить размер обложки в PaintА если вы умеете работать с Adobe Photoshop, то есть заготовка обложки в формате psd, которую можно доработать. В ней заранее подготовлен размер 851×315. На отдельных слоях позиционированы картинка профиля и имя пользователя, а также все кнопки. В общем, с ее помощью можно в процессе дизайна посмотреть, как будет выглядеть все вместе на странице фейсбука.
Угодить и тем, и тем – какой же размер идеален
Но 851×315 – это идеальный формат для ПК. Если загрузить обложку этого формата, а потом просмотреть ее на мобильном, вас ждут сюрпризы. Обложка сильно обрежется по бокам. Что же делать? Чтобы обложка обрезалась по чуть-чуть и там, и там, и выглядела более одинаково, попробуйте подготовить размер 851×475. Вот так она будет выглядеть на компьютере и мобильном – смотрите прямоугольники, подписанные как
- Desktop display area – эта часть будет видна на ПК. Обрежется только верх и низ поровну с обоих сторон.
- Mobile display area – эта часть будет видна на мобильном. Обрежутся бока слева и справа, тоже поровну.
Вид обложки на на ПК и мобильномКак поменять шапку
Чтобы загрузить или поменять шапку в фейсбук, в своем профиле щелкните курсором иконку фотоаппарата на шапке. Вам предложат либо выбрать фотографию с компьютера, либо выбрать какое-то существующее фото из своего альбома. После загрузки ее можно подвигать, прикидывая, какая область отобразится, а какая будет скрытой. И после этого сохранить изменения.
Если пользователь щелкнет обложку, фотография отобразится целиком. Хотя текущая обложка и видна всем, можно редактировать настройки приватности всех предыдущих. Они хранятся в отдельном альбоме. Можно в него перейти и задать в настройках ту аудиторию, для которой каждая картинка будет доступна: друзья, друзья друзей, все пользователи либо только вы.
Обложки для страниц в Facebook – прекрасный пример того, как маркетинг в социальных сетях отличается от обычного использования социальных сетей. Красивая обложка с персональным фото украсит личный профиль, но обложки для бизнеса должны выполнять другие задачи.
После создания интернет-магазина обложка страницы в Facebook должна соответствовать бренду и отражать суть бизнеса. Также она должна быть высокого качества и идеально оптимизирована для показа на разных устройствах, а это значит, что нужно знать оптимальный размер обложки для Facebook.
Как создать бизнес страницу в Фейсбук — полное руководство
В прошлом руководстве вы узнали, как подобрать идеальный размер обложки для Facebook, а сейчас рассмотрим лучшие примеры презентации, чтобы помочь подобрать именно то изображение, которое нужно.
Основные принципы создания обложки для Facebook
Итак, какой идеальный размер обложки в Facebook? Это отличный вопрос, и как оказывается, ответ на него неоднозначен. Как говорится на Facebook, фото для обложки:
- Отображается шириной 820 пикселей и высотой 312 на компьютерах, и шириной 640 пикселей и высотой 360 пикселей на смартфонах.
- Должно быть как минимум 399 пикселей в ширину и 150 пикселей в высоту
- Не отображается на традиционном мобильном телефоне
Это отличное начало, но, разумеется, на практике не все так просто. Смотрите подробнее о размерах обложки для Фейсбука.
Обложки в десктопной и мобильной версии
Технически, нет такого размера обложки, который идеально подошел бы во всех случаях, потому что в мобильной и десктопной версии обложка отображается по-разному. С мобильного устройства обложки будут выглядеть более высокими.
К счастью, Facebook не пытается растянуть изображение, чтобы соответствовать новым меркам, благодаря чему оно не деформируется, вместо этого фото автоматически обрезается. Также можно использовать встроенный инструмент изменения положения, чтобы оптимизировать обложку для лучшего отображения.
Учитывая все сказанное, рекомендуется использовать десктопный размер 820 на 312 пикселей, а затем проверить, не оказался ли какой-то из важных компонентов фотографии обрезанным в мобильной версии.
Красивые обложки для Фейсбука: какие они должны быть?
Разумеется, изображение на обложке должно быть высокого качества и релевантным к бизнесу, но кроме этого нужно определить, что именно оно будет собой представлять, а это уже более сложная задача. Здесь все зависит от бизнеса, от человека, делающего выбор, и от его представлений о том, к чему будет наиболее восприимчива целевая аудитория.
Несколько прекрасных идей, которые всегда будут хорошим выбором.
Используйте обложку для увеличения продаж или генерации лидов
Несмотря на то, что многие считают, что в понятии «маркетинг в социальных сетях» «социальный» аспект должен быть важнее «маркетингового», все равно всегда остается место для продвижения бизнеса. Обложка, призванная увеличивать продажи или генерировать лидов, в сочетании с релевантной кнопкой CTA, можно получить значительный результат без лишних усилий.
Рекламируйте предстоящие события
Если компания планирует в скором времени провести вебинар, конференцию или даже конкурс, обложка страницы может стать прекрасным объявлением об этом. Новые пользователи будут оставаться в курсе событий, просто заходя на страницу.
Демонстрируйте свойства и преимущества продукта
Это также связано с продажами, но демонстрация преимуществ продукта в любом случае может сыграть на руку компании.
Также можно:
Показать свой магазин. Если у компании есть витрина магазина или офисное пространство, которые будут отлично выглядеть на фото, можно сделать это изображение обложкой страницы и увеличить тем самым посещаемость.
Показать своих сотрудников и членов команды. Контент, создаваемый сотрудниками, может быть таким же ценным, как и пользовательский контент, а участие реальных работников компании на обложке страницы поможет очеловечить бизнес и показать настоящих людей, которые стоят за ним.
Использовать пользовательский контент. Пользовательский контент – один из самых мощных маркетинговых инструментов в распоряжении каждого бизнесмена, и использование аутентичного контента для обложки может внести существенный вклад в установление контакта и завоевания доверия аудитории.
Ошибки, которых нужно избегать
Несмотря на то, что есть множество вариантов изображений, которые можно выбрать для обложки страницы, есть также и варианты, которых следует избегать. Некоторые ошибки могут оттолкнуть пользователей от страницы, и даже полностью испортить впечатление о компании.
Самые страшные ошибки, которые можно совершить при выборе обложки для страницы в Facebook, включают в себя:
- Слишком много текста. Добавить немного текста – хорошая идея, особенно если это используется с целью брендинга. Однако некоторые обложки состоят исключительно из текста на невзрачном фоне, и это плохой ход, даже если этот текст – какая-то мотивирующая цитата. На самом деле обложка должна быть изображением, которое говорит само за себя.
- Перегруженность. Всем когда-то доводилось видеть такие картинки в социальных сетях, от взгляда на которых может разболеться голова: слишком много цветов, фокальных точек и деталей. В каком-то смысле это может быть хорошим вариантом, так как, по меньшей мере, это привлекает внимание, но на таких изображениях сложно сфокусироваться, и часто они выглядят неряшливо.
- Не учитывается формата страницы. Когда при смене формата изображение профиля появляется в нижнем углу обложки, временами важная часть фотографии может пропасть из вида. Facebook довольно часто меняет свое форматирование, и каждый раз нужно проверять свою десктопную и мобильную версию, чтобы убедиться, что ничего не пропало.
- Выбор обобщенного изображения. Обложка должна запоминаться и впечатлять пользователей. Но обобщенное фото, которое может каким-то образом касаться данной компании, будет выглядеть невзрачно и не произведет желаемого впечатления.
- Отсутствие брендинга. Ненавязчивый брендинг, такой как добавление логотипа на обложку страницы, всегда будет хорошим выбором и положительно повлияет на узнаваемость бренда.
Примеры обложек страниц в Фейсбуке от представителей малого и онлайн бизнеса
Чтобы вдохновиться, можно посмотреть на эти семь прекрасных примеров обложек страниц.
1. Drip. Обложка компании Drip – великолепный пример того, как использовать первоклассную недвижимость, чтобы получить больше лидов. Это фото показывает, как легко использовать их продукт, а легкость в использовании – огромное преимущество.
В непосредственной близости располагается CTA (Call To Action — призыв к действию) присоединиться к их бесплатному онлайн тренингу, а в нижнем углу обложки расположена стрелочка и «Зарегистрироваться сейчас», чтобы привлечь внимание к кнопке CTA. Благодаря этому целая обложка выступает в роли инструмента лидогенерации, и даже направляет внимание пользователей к CTA.
2. Buffer. Ничего удивительного, что обложка страницы Buffer в Facebook – отличный пример, который нужно взять на заметку.
Их обложка простая и чистая, и рекламирует их новый подкаст. Опять же, это использование главной фокальной точки на их бизнес-странице для рекламы их контента. Когда пользователь кликает на фото обложки, он видит ссылки на iTunes и Google Play, где можно послушать подкаст, выбрав предпочитаемую платформу.
3. Sizzors Hair Salon. Еще один пример обложки можно назвать эффективным по нескольким причинам.
Во-первых, фотография обложки сезонная и релевантная. Они связали осенние листья с великолепными каштановыми волосами, а также разумно использовали текст, чтобы прорекламировать свои услуги как «искусство» и «высокий класс».
Одна из лучших вещей на этой обложке – это значок награды в углу, который однозначно привлекает внимание. Это гениальный ход, потому что это показывает посетителям, впервые зашедшим на страницу, что высокое качество услуг официально подтверждено. В сочетании с CTA «Записаться сейчас» прямо под ним это способствует увеличению конверсий.
4. Tamara Knight Photography. Было бы странно написать статью о прекрасных фотографиях для обложек, и не включить в список местного фотографа. К счастью, Tamara Knight Photography отличается не только высоким качеством работ, но и отличным маркетингом в социальных сетях.
Это фото для обложки – фантастический выбор, который действительно впечатляет. На нем изображена счастливая, улыбающаяся и смеющаяся семья. Это динамично, живо и вовлекающее. Такое фото автоматически заставляет улыбнуться и вызывает эмоциональный отклик.
Семейное фото не только оказывает эмоциональное влияние (что уже само по себе много значит), но и контрастирует с изображением бизнес-профиля. Это дает понятие о спектре услуг, которые предлагает бизнес, так как на фото профиля находится портретный снимок.
Наконец, на этом фото представлен отличный пример брендинга. Это полупрозрачная вотермарка, которая выглядит ненавязчиво, но тем не менее, ее трудно не заметить. Благодаря этому страница выглядит более официально, и заявляет о себе как о серьезном бизнесе с высококачественными услугами.
5. Bar Method Winter Park. Следующий пример обложки – Bar Method in Winter Park. Это место в целом проделывает значительную работу в сфере маркетинга в социальных сетях, и его даже можно назвать источником прекрасных маркетинговых примеров.
Это фото обложки применяет одну из лучших тактик использования социального изображения, включая освещение и игру света. Отражение и темные волосы женщины автоматически привлекают к ней внимание, поэтому фокус обложки – и изображение, и услуги компании, несмотря на то, что текст занимает значительную часть фото.
Такой текст можно назвать разумным выбором по трем причинам. Первая: он мотивирующий и вдохновляющий, в котором многие клиенты нуждаются перед любым видом физической активности. Он также использует разные цвета и размеры текста, чтобы сделать его более динамичным и менее монотонным. И наконец, он включает хэштег бренда, более темного цвета, который контрастирует с изображением. Благодаря этому пользователи будут знать, какой хэштег использовать, когда они делятся связанным контентом.
6. Bailey’s Grocery. Многие из малых бизнесов специфичны и хотят презентовать себя так, чтобы выделиться. Bailey’s Grocery выбрали обложку, которая представляет их бренд и то, как они хотят презентовать себя.
Это фото изображает Bailey’s как семейный бизнес в маленьком городе. Свежесобранная продукция в грузовике автоматически ассоциируется у пользователей с высококачественными продуктами, которые они могут купить в магазине. Это фото выглядит классическим, несмотря на то, что оно было снято не так давно, а компания представляет себя основой бизнеса в маленьком сообществе. Такой подход может помочь завоевать доверие покупателей.
Последняя прекрасная вещь, которую хочется отметить – это ненавязчивый брендинг фотографии. Логотип и название компании изображены на двери грузовика, и это выглядит естественно. Такой маркетинг даже не выглядит как маркетинг, все предельно прозрачно и аутентично, а значит и привлекательно для клиентов.
7. One Blood. Последний пример обложки – OneBlood, фактически некоммерческой компании, но их обложка так хороша, что ее нельзя не включить сюда для примера.
Все фото обложки выступает в роли CTA. На нем изображен улыбающийся ребенок рядом с цитатой о том, что все доноры крови, принимавшие участие в OneBlood, спасли его. Эта цитата не его, а его матери – того человека, от лица которого это будет звучать еще более трогательно. Это вызывает немедленный эмоциональный отклик, что может быть прекрасным первым шагом к любому действию.
Рядом с изображением есть текстовый CTA, призывающий пользователей делиться своими историями, своей силой, и спасать жизни. Это провоцирует появление нового пользовательского контента, что помогает в дальнейшем продвижении бренда. Бизнесы, которые сотрудничают с некоммерческими компаниями, или которые предлагают продукты, способные произвести эмоциональное впечатление (страхование может защитить вашу семью, например) могут использовать эту стратегию.
Как создать обложку для группы, Facebook, YouTube онлайн?
Для тех, кто готов создать обложку для своей группы, мощный и простой в использовании графический редактор поможет максимально облегчить этот процесс. Для автоматической подстройки идеального размера фотографии можно выбрать заранее установленный режим обложки для Facebook.
После выбора этой опции можно также выбрать один из готовых шаблонов (которые в дальнейшем можно настраивать по собственному усмотрению) или создать фото для обложки с нуля.
Даже при использовании шаблона можно загрузить собственное фото или выбрать из библиотеки изображений. Легко добавляются и перемещаются текст, графические элементы и эффекты к любой части изображения. Можно настраивать прозрачность каждого элемента и выбирать, на каком слое его расположить.
Для брендинга своего изображения можно использовать опции наслоения текста и загрузки пользовательской графики, благодаря чему логотип можно добавить всего за несколько кликов.
Где найти красивые фотографии для обложек?
Некоторые потрясающие изображения для обложек, как у Buffer и Drip, можно создать с помощью графических редакторов. Остальные из представленных компаний использовали настоящие фотографии. Какой бы вариант ни выбрал конкретный бизнес, есть множество ресурсов, на которых можно достать изображения высокого качества.
Например:
- Сайты бесплатных стоковых фотографий, такие как StockSnap.io и Pixabay, на которых стоковые фото доступны для коммерческого использования.
- Пользовательский контент, бесплатный и доступный в изобилии. Некоторые пользовательские фотографии отличаются чрезвычайно высоким качеством, и для многих пользователей будет честью, если их фото будет использованы в качестве обложки для страницы компании.
Резюме
Подходящие обложки для страницы в Facebook играют немаловажную роль в том, чтобы произвести хорошее первое впечатление на новых пользователей. В идеальном варианте обложка хорошо выглядит и в мобильной, и в десктопной версии, без странных обрезаний или смещений изображения. Правильно подобранная, качественная и релевантная фотография с идеальным размером в роли обложки страницы поможет создать желаемый имидж и репутацию компании.
Было полезно? Оцените, пожалуйста, и поделитесь с друзьями!
Пример страницы Фейсбук — оформление обложки для Facebook
5 (100%) — 1 оценокОбложка для фейсбука может стать отличным инструментом для привлечения потенциальных клиентов на вашу страницу в этой соцсети. Каким должен быть ее дизайн? Какой размер обложки 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 советов от мировых брендов по оформлению своей бизнес-страницы.
Если вам понравилась статья, подписывайтесь на наш блог или страницу фейсбук.
Вы тратите время на обдумывание фото для обложки Facebook? Большинство владельцев малого бизнеса ответит на этот вопрос “нет”. Это серьёзное упущение, поскольку обложка занимает существенную часть страницы.
Эффектное и продуманное изображение послужит не только украшением, но и средством достижения цели – поможет продвигать бренд и увеличивать количество подписчиков. В посте рассмотрено несколько ключевых советов по созданию работающей обложки.
Чётко определите цель
Первое, что приходит в голову – это фон с нанесённым на него логотипом. Такой вариант может быть удачным для брендинга. Но это – не единственно возможное решение.
С помощью изображения на главной странице вы можете продвигать конкретный продукт, рекламировать распродажу, приглашать на вебинары и многое другое.
Взгляните на обложку страницы Drip from Leadpages
Цель, которую поставили себе маркетологи команды – увеличить количество зарегистрировавшихся на бесплатный тренинг. Задача была успешно реализована.
Другим замечательным примером является Bootea
Компания не тратит впустую ценное место. Эта обложка Facebook использована для продвижения нового продукта бренда. Такой приём вдвойне эффективен, так как есть призыв к действию непосредственно под изображением.
Правильно настройте обложку
Facebook регулярно вносит изменения в дизайн. Размер обложки при этом также может поменяться. Нужно всегда оставаться в курсе текущих требований и, если необходимо, корректировать параметры.
На сегодняшний день размер обложки при отображении в браузере ПК 820*312 пикселей. Для смартфонов это 640*360 пикселей. Стоит учитывать эти размеры при создании макета обложки, чтобы ни одна важная деталь не была обрезана на мобильном устройстве.
Требования фейсбука к изображению – минимум 399*150 пикселей. Однако лучше использовать файл размером не меньше отображаемого на рабочем столе.
Помните о едином стиле бренда
Конечно, обложка – это не только логотип, нанесённый на фон. Но какую бы цель вы ни преследовали, всегда стремитесь к созданию идентичности бренда. Все элементы дизайна в социальных сетях должны объединяться общей идеей, быть индивидуальными и узнаваемыми.
Этому помогут следующие приёмы.
Цветовая палитра
Всегда старайтесь использовать цвета вашего бренда. Со временем пользователи привыкнут к ним, что поспособствует узнаванию.
Синий – основной цвет сайта Snappa.com. Неудивительно, что этот же оттенок использован и для дизайна страницы фейсбука
Типы и размеры шрифтов
Необязательно всегда использовать один и тот же шрифт для разных изображений. Это сделает обложки скучными и однообразными.
Однако стоит задумываться о выборе типа шрифта. Его стиль должен соответствовать предлагаемым товарам или услугам. Если вы предлагаете классические часы, вероятней всего, подойдёт строгий, легко читаемый вариант. А для рекламы детской игровой площадки лучше выбрать что-то несерьёзное
Остальные элементы
Кроме цветов и шрифтов, на обложке могут присутствовать различные дополнительные детали. Компания Help Scout служит отличным примером такого дизайна. Фон их обложки состоит из множества иконок
При переходе в блог пользователь видит такие же изображения
Объедините фото профиля и обложку
Эти два элемента должны дополнять друг друга и усиливать впечатление.
Финансовая компания TD Canada – хороший пример совместной работы фото и обложки. В качестве фотографии профиля был использован логотип компании с зелёным фоном. Чёрно-белая обложка с зелёными элементами дизайна отлично его дополняет
Зелёные детали подчёркивают общий стиль бренда и прекрасно выделяются на странице
Позаботьтесь о контрастах
До сих пор в статье рассматривались общие вопросы создания обложки. Стоит коснуться и конкретных приёмов проектирования. Простые принципы дизайна вполне доступны и непрофессионалу.
Одной из базовых концепций для начинающих, на наш взгляд, является контрастность.
Первый (и наиболее распространённый) способ повысить контраст – это правильно использовать цвета. Для белого фона подходит тёмный текст, для черного – светлый
Для создания цветных изображений пригодится цветовой круг. Оттенки на противоположных концах контрастируют между собой наиболее сильно
Следующих важным элементом контраста является размер. Для заголовков используется шрифт большего размера, для основного текста – меньшего.
Наконец, выбор правильного местоположения всех элементов позволяет расставлять необходимые акценты
Используйте белое пространство
Дизайнеры-непрофессионалы часто перегружают изображение информацией. Применяется слишком много цветов, шрифтов, мелочей.
Простой способ избежать этого – использовать белое пространство.
Пробел – это любая «неиспользуемая» часть изображения. Такой приём помогает разделить объекты и текст.
Основным преимуществом белого пространства является то, что оно сохраняет чистоту и простоту графики, позволяет пользователю легко сосредоточиться на главном.
Самым примитивным примером использования пробелов может служить следующее изображение
Текст непроизвольно притягивает и удерживает взгляд.
Обложка страницы косметической компании Burt’s Bees – отличный пример:
Надпись «Uncap Flavor» сразу же бросается в глаза благодаря лаконичному дизайну и использованию пробелов.
Резюме
В статье описано несколько основных правил создания удачной обложки для страницы Facebook. В первую очередь, это чёткое определение целей и задач. Затем изучение технических особенностей размещения изображений на странице и разработка обложки в соответствии с общим стилем бренда. И, наконец, использование принципов дизайна, таких как контрастность и белое пространство, для достижения наибольшей эффективности.
Фотографии на обложке Facebook — отличный пример того, как маркетинг в социальных сетях отличается от обычного использования социальных сетей. Отличная личная фотография на обложке может быть чем угодно, что, на наш взгляд, будет отлично смотреться в профиле; фотографии нашего бизнеса должны сделать намного больше.
Фотография на странице в Facebook должна быть брендирована и отражать наш бизнес. Он также должен быть качественным и идеально оптимизирован для отображения; это означает знание идеального размера фотографии на обложке Facebook.
В этом посте мы рассмотрим идеальный размер фотографий на обложке Facebook и лучшие практики для фотографий на обложке, чтобы помочь вашим изображениям представить ваш бизнес именно так, как вы хотите.
Размеры фотографий на обложке Facebook
Согласно Facebook, ваши фотографии на обложке отображаются с шириной 820 пикселей и высотой 312 пикселей на компьютерах и шириной 640 пикселей и высотой 360 пикселей на смартфонах.
Это отличная отправная точка, но, конечно, она никогда не бывает настолько простой, как .Это сложно, потому что ваша обложка Facebook по-разному отображается на мобильных и настольных устройствах.
Поэтому мы рекомендуем использовать размеры 820px на 360px и держать весь текст и графику в средней безопасной зоне в соответствии со спецификациями ниже:
.Помните старую фразу «Не судите книгу по обложке?»
Ну, это не относится к миру социальных сетей.
Несмотря на то, что вы всегда помогаете клиентам лучше понять ваш бренд с помощью контента и рассказывания историй, первое впечатление о вашей компании у них всегда будет визуальным. Между логотипами, макетами веб-сайтов или фотографиями на обложке Facebook, именно изображения закладывают основу вашей онлайн-репутации.
Вот почему правильный размер обложки Facebook позволяет вам продемонстрировать свою индивидуальность, историю бренда и даже цель как компании.
Хорошие новости? Следуя приведенным ниже рекомендациям, легко оптимизировать заголовок Facebook с правильными размерами обложки.
Выбор правильного размера фото на обложке Facebook
Размер фотографии на обложке Facebook составляет 820 пикселей в ширину и 312 пикселей в высоту на рабочем столе. Тем не менее, мобильные пользователи увидят 640 пикселей в ширину и 360 пикселей в высоту.Правильная фотография на обложке Facebook — это первый шаг к изображению правильного изображения в социальных сетях.
Слишком большие и важные части вашего контента будут обрезаны. Слишком маленький, и ваше изображение будет выглядеть растянутым и пиксельным. Вам нужно изображение с потенциалом Златовласки, что-то, что просто правильно. Вот еще несколько заметок о том, как сделать лучшую фотографию на обложке Facebook:
- Вы должны иметь минимальный размер 400 х 150 пикселей.
- Нет отображения на мобильных телефонах.
- Для достижения наилучших результатов загрузите файл sRGB JPG размером менее 100 КБ.
- Для изображений с логотипом или текстом лучше всего подойдет файл PNG.
- Размеры бизнес-страницы Facebook точно такие же, как у личных аккаунтов.
Имейте в виду, что огромная часть сегодняшней аудитории Facebook является мобильной, поэтому убедитесь, что ни один из вашего важного контента не будет обрезан на другом устройстве.
Помните, что ваша фотография на обложке больше не обязательно должна быть статичной.Теперь вы можете использовать простое видео вместо статичной фотографии на обложке, что является отличным способом поделиться дополнительной информацией о том, как работает ваш бизнес. Ваше видео должно быть того же размера, что и стандартная фотография на рабочем столе.
Утвержденные брендом носители в ваших руках с библиотекой активов Sprout
Последовательный визуальный стиль демонстрирует идентичность вашего бренда при использовании библиотеки активов Sprout.
Организуйте предварительно утвержденные носители в одном центральном узле и убедитесь, что ваша команда извлекает максимум пользы из тщательно отобранных и специально созданных изображений, видео и текста.
Начните бесплатную пробную версию сегодня, чтобы начать организацию медиа вашей команды.
В идеале вам нужно что-то, что длится всего минуту. В конце концов, если ваши клиенты слишком долго сосредоточатся на вашей обложке, у них может не хватить времени проверить остальную часть вашей страницы.
К счастью, Sprout облегчает обновление фотографии, которая идеально подходит для вашей обложки Facebook. Просто используйте наш бесплатный инструмент Пейзаж, чтобы получить идеальный размер фотографии на обложке Facebook.
Выбор фантастической обложки Facebook Фото
Строгие правила в отношении размеров фотографий на обложке Facebook и фотографий профиля означают, что вы ограничены в объеме информации, которую вы можете передать на своей странице.В то время как видео помогают вам проделать дополнительную работу, рассказывая историю вашей компании, вам все равно нужно быть умным, выбирая, что демонстрировать.
Следующие советы помогут вам выбрать изображение, которое не только соответствует правилам размера фотографий на обложке Facebook, но и рекомендациям вашего бренда:
Следуйте правилам Facebook
Статьи по Теме
Хотя это может показаться очевидным шагом, вы будете удивлены тем, как много людей игнорируют правила социальных сетей и делают свое дело.Пока вы проверяете характеристики обложек Facebook, обязательно ознакомьтесь и с другими фирменными правилами. Помните:
- Обложки должны быть подлинными. Другими словами, они не могут быть обманчивыми, вводящими в заблуждение или злонамеренными.
- Обложки являются общедоступными: вы должны выбрать что-то, что понравится широкой аудитории потенциальных подписчиков и существующих поклонников.
- Обложки принадлежат только вам. Бренды не могут просить адвокатов загрузить свои фотографии на обложку своего графика в качестве рекламного метода.
Чтобы остальная часть вашего присутствия на Facebook выглядела так же профессионально, как и ваша современная фотография на обложке, обратитесь к руководству по размерам объявлений Facebook и руководству по размерам изображений в социальных сетях для получения дополнительной помощи!
Keep It Clear & Simple
После того, как вы выучите правила и будете готовы начать поиск идеального изображения, убедитесь, что вы выбрали именно тот дизайн, который вам подходит. В то время как может показаться заманчивым, что ваш полный контент содержит ключевые слова и информацию, ваши посетители ищут четкое представление о вашей компании.
Некоторые из лучших изображений используют обложку страницы Facebook, чтобы усилить ощущение и индивидуальность своего бренда, не отвлекаясь от призывов к действию, таких как кнопки под изображением или верхние записи в ленте страницы.
Здесь Evernote использует иллюстрацию с простыми элементами бренда, которые задают тон, полностью не отвлекая вас от остального потока страницы. Цвета и знакомые значки помогают усилить индивидуальность бренда без необходимости использования единого текстового элемента, который может отвлекать внимание от действий и содержимого на странице.
Продемонстрируйте индивидуальность вашего бренда
Изображения более мощные, чем думает средний бизнес. Фактически, мы обрабатываем изображения до 60000 раз быстрее, чем текст. С подходящей обложкой для фотографий в Facebook вы можете привлечь свою аудиторию и привлечь их внимание задолго до того, как они прочитают ваши сообщения в социальных сетях.
Имея это в виду, важно убедиться, что ваша фотография на обложке отражает то, что делает ваш бренд. Это не только помогает вашим клиентам узнать, что они находятся на нужной странице, но и гарантирует, что вы представите более последовательное изображение для своей компании в Интернете.
Слабая обложка страницы Facebook на Facebook деликатно демонстрирует функции их продукта, что в конечном итоге ведет аудиторию дальше к странице. Идея Slack как инструмента для совместной работы, обеспечивающего правильную работу каналов, отражена в интригующе редкой фотографии с всплесками фирменных цветов. Изображение не слишком хорошо отшлифовано или в значительной степени продвигается, что идеально сочетается с неформальным голосом бренда Slack.
Хвастовство Основные события и новости
Фото на обложке Facebook очень похоже на витрину магазина.Он демонстрирует, что вы продаете заинтересованным клиентам, и побуждает их прийти и узнать больше. Ваш заголовок Facebook — это идеальное место, чтобы рассказать о новинках вашего бренда и продвигать последние события и продукты. Как мы упоминали в этой статье, просто убедитесь, что вы ведете с изображением, которое сначала является убедительным визуальным, а не бомбардируете вашу аудиторию информацией в пространстве обложки.
Несколько способов сделать это:
- Выделение последних продуктов и событий: Как и в приведенном выше примере, где HBO выделяет свою последнюю премьеру ярким ключевым искусством.
- Хвастовство вашей команды или офиса: Расскажите своим поклонникам о людях, стоящих за вашей организацией, и продемонстрируйте профессиональную сторону вашей компании.
- Отображение вашего продукта в контексте: Продемонстрируйте, что ваши клиенты могут извлечь из вашего предложения, с помощью изображения, на котором показан клиент или сотрудник, использующий его.
Обратите внимание на правильные места
В мире социальных сетей существует несколько различных направлений, особенно когда речь идет о размере фотографии на обложке Facebook.Некоторые люди считают, что лучше всего объединить фотографию своего профиля и фотографию на обложке в одно связное изображение. Другие эксперты предпочитают распространять свои изображения так, чтобы они фокусировались на нужных местах на странице.
Конечно, нечего сказать, что вы не можете делать обе вещи одновременно — при условии, что это выглядит хорошо. Эта обложка Facebook от Oreo использует красивое графическое изображение с правой стороны фотографии, чтобы привлечь внимание к кнопке «Отправить сообщение».
В то же время, изображение профиля почти идеально сочетается с фотографией на обложке, потому что оно использует те же элементы дизайна и те же цвета.В целом это очень связная страница, которая фокусируется на правильных элементах страницы.
Важно, что, когда вы ищете способы привлечь внимание аудитории, избегайте использования указателей, таких как стрелки. Мало того, что они обычно выглядят слишком агрессивными, ваши кнопки и CTA также будут отображаться по-разному на мобильных устройствах по сравнению с настольными компьютерами. Это означает, что вы можете получить стрелку, которая нигде не указывает на мобильный телефон.
Ключевые характеристики успешного фото на обложке Facebook
К настоящему времени вы знаете золотые правила, которыми должны руководствоваться при принятии решения о размере фотографии на обложке Facebook.Все, что вам нужно сделать, это выбрать изображение, которое соответствует нужной целевой аудитории, и нажать на него, чтобы нажать кнопку «подписаться» или «отправить сообщение».
Хотя не существует универсального решения для идеальной фотографии на обложке, некоторые из наиболее распространенных изображений будут включать:
- Текст: Будьте осторожны, небольшое количество текста, например краткий слоган, может помочь описать ваш бренд, но слишком много может привести к потрясению.
- Эмоции: Счастливые клиенты или улыбающиеся сотрудники могут заинтересовать аудиторию и заинтересовать вашу организацию, продукт или услугу.
- Релевантность: Выбранное вами изображение должно соответствовать как характеру вашей компании, так и интересам вашей аудитории.
Создание идеальной обложки фото
Выбор правильных изображений, стиля и размера для вашей обложки Facebook не всегда прост. В конце концов, это ваш первый шанс произвести правильное впечатление на миллиарды потенциальных клиентов. К счастью, если вы будете следовать приведенным выше рекомендациям и придерживаться правил, предусмотренных этим гигантским каналом в социальных сетях, у вас должно быть все необходимое для привлечения клиентов.
, 
Ищете правильный размер фотографии для обложки группы Facebook?
Тот, который работает как на настольном компьютере, так и на мобильном?
и дает вам привлекательный эскиз превью?
Вы нашли это!
Как и все фотографии на обложке Facebook, одна для групп часто меняется и по-разному отображается на разных устройствах.
Размер фотографии на обложке группы Facebook изменился в конце 2017 года — и снова через пару недель.
Затем, наконец, показанный Facebook размер группового баннера фактически не работает.
Но вы можете победить FB в этой игре!
Что вы узнаете ниже о баннерах группы Facebook
1 | Как создать фото обложки группы Facebook для мобильного и рабочего стола.
2 | ЛЕГКИЙ способ сделать заголовок вашей группы без суеты по размеру и безопасным зонам.
3 | Как получить отлично выглядящий превью для группы (обновлено до 2020 года).
4 | БЕСПЛАТНЫЙ шаблон обложки для группы для тех, кто использует другой инструмент дизайна.
Обложка Facebook Размеры фотографий разнообразны.
В этой статье рассматриваются только групповые обложки. Но у меня есть больше — и я держу их в курсе.
Для бизнес-страниц, личных профилей и событий, нажмите:
Facebook Business Page Фотография размер
Facebook Profile Cover Фото размер
Facebook Event Cover Фото размер
Читать для групп…
Обложка группы Facebook Фотографии стали проще!
Давайте начнем с простого.Потому что легко качается!
Если вы не хотите связываться с Photoshop и проектированием с нуля, сделайте заголовок своей группы простым способом — с Snappa.
Snappa интегрировала размеры фотографий и безопасные зоны Facebook Group в свой инструмент графического дизайна, поэтому он будет отлично смотреться как на мобильном, так и на настольном компьютере.
Только одна из десятков шаблонов фотографий на обложках групп в Facebook в Снейппе.Внутри Snappa вы также найдете:
- 500 000+ фотографий и графики — без лицензионных отчислений и лицензий для коммерческого использования.
- Или загрузите свои собственные фотографии в Snappa.
- 200+ шрифтов, предварительно загруженных в Snappa
- Или импортируйте свои собственные шрифты, чтобы сохранить ваш бренд без изменений.
- Сотни готовых шаблонов!
Вы можете собрать вместе привлекательные баннеры группы Facebook за считанные секунды!
Еще лучше? За пару кликов ваша обложка может стать идеально оптимизированной:
→ Фото страницы Facebook
→ Фото обложки Facebook
→ Заголовок Twitter
→ Арт канала
→ Объявление Facebook
или любое другое. из пары десятков других изображений в социальных сетях!
Читайте инструкции.Или прыгните и попробуйте прямо сейчас …
• • • Создайте обложку Facebook бесплатно прямо сейчас! • • •
Раскрытие информации: Если вы перейдете на платный план, я могу получить вознаграждение за привлечение.
Групповые баннеры Facebook на настольном компьютере и на мобильном телефоне
Сложно создать обложку для правильного отображения как на мобильном, так и на рабочем столе. Дизайн с «безопасными зонами» даст вам заголовок группы Facebook, который отлично смотрится на всех устройствах!
Facebook не растягивает и не искажает изображение для разных устройств — вместо этого оно автоматически обрезается.
На мобильном устройстве фотография с обложки вашей группы будет видна полностью.
Но на настольном устройстве Facebook обрезает верх и низ.
Использование рекомендуемой Facebook обложки для фотографий размером 1640 пикселей на 856 пикселей и хранение критических элементов в безопасных зонах гарантирует, что на рабочем столе не будет обрезано ничего важного.
Как сделать фотографию обложки FB Group с помощью Snappa
Выберите настройку фотографии обложки Facebook Group для идеального размера фотографии обложки — автоматически!
Далее выберите готовый шаблон для обложки группы Facebook — он полностью настраиваемый.Или вы можете создать обложку с нуля.
Сделай свою жизнь проще с помощью шаблона! Вы все еще можете загрузить свое собственное изображение в качестве фона или выбрать из библиотеки бесплатных изображений Snappa.
Добавьте текст, графику, формы и эффекты к любой части изображения баннера.
Все эти дополнения могут быть:
- Легко перетаскивать.
- Определяется в зависимости от желаемой непрозрачности.
- На любой слой, который вы выберете.
Вы заметите, что на оверлее показаны только мобильные зоны вашей обложки Facebook, , поэтому вам никогда не придется беспокоиться об обрезке текста и графики. 000
Вы можете легко включать и выключать это наложение.
Более того, как только ваш дизайн будет завершен, вы сможете преобразовать свою новую фотографию обложки группы в любой другой тип изображения.
Это так быстро и просто. Попробуйте сейчас!
• • • Создайте обложку Facebook бесплатно прямо сейчас! • • •
Раскрытие информации: Если вы перейдете на платный план, я могу получить вознаграждение за привлечение.
Что Facebook говорит о обложке группы Размер фотографии
По данным Facebook, идеальный размер — 1 640 пикселей на 856 пикселей или 1,91: 1. Это не сработало нигде 27 ноября 2017 года. Но теперь это работает — на мобильном телефоне.
Хотя на самом деле это 1640 пикселей на 859 пикселей! Не уверен, почему они заявляют 856, что не совсем 1,91: 1, и что отображает. Но близко.
После изменения 27 ноября Facebook изменил обрезку на мобильном телефоне снова в начале декабря.Я обновил пост и шаблон.
Вы можете просто использовать 1 640 пикселей на 859 пикселей или 1,91: 1, что будет хорошо работать как на телефонах, так и на планшетах. Facebook больше не размещает наложение текста по всей нижней части на мобильном телефоне.
Разрешить обрезку сверху и снизу на рабочем столе. Facebook не позволяет полностью контролировать кадрирование на рабочем столе. Часть верхних и нижних будет обрезаться .
Эти размеры были проверены на работу с 22 января 2020 года .
Facebook pr
.Группы Facebook являются неотъемлемой частью маркетинга в социальных сетях для растущего числа предприятий, особенно тех, которые создают группы на основе ценностей для своих клиентов. Эти группы невероятно полезны с точки зрения создания онлайн-сообщества!
Группы Facebook отлично подходят для поиска новых способов выстраивания отношений с вашими клиентами и оказания им индивидуальной поддержки, предлагая новую и эксклюзивную информацию только для них.Благодаря частому обновлению функций групп Facebook эти группы становятся еще более полезными как для предприятий, так и для членов группы.
Существует много того, что нужно для создания отличной группы Facebook, и большинство компаний в конечном итоге настолько сосредоточены на контенте и вовлечении, что забывают о некоторых мелких деталях, которые могут оказать большое влияние. Одной из таких мелких деталей является фотография на обложке, которая представляет собой нечто большее, чем просто изображение, заполняющее пространство.
В этом посте мы рассмотрим, как создать невероятное изображение обложки группы Facebook, включая идеальный размер обложки для группы Facebook и лучшие практики, необходимые для того, чтобы ваша группа выделялась.
Размер фотографии обложки для идеальной группы Facebook
Размер фотографии обложки для идеальной группы Facebook составляет 1640 x 856 пикселей . Эти размеры баннера дают соотношение сторон 1,91: 1.
.