Дизайн обложки на Фейсбук: полезные инструменты и сервисы
Последнее обновление: Май 2015
Здравствуйте, дорогие читатели! Вы наверняка уже слышали, что Фейсбук запускает новый дизайн страниц (не путаем с дизайном главной страницы). О том, чего следует ожидать от нового дизайна, я писала в этой статье: «Первые впечатления от нового дизайна страниц на Фейсбук«, так что если вы еще не в курсе, обязательно прочитайте.
В начале марта Фейсбук обещал, что новый дизайн публичных страниц появится у всех в течение пары недель, но этого не произошло. Вообще новый дизайн был доступен очень маленькому количеству страниц даже в конце месяца. Тем не менее с первых чисел апреля, я стала замечать, что появляется все больше и больше обновленных страниц. Вчера вот, например, мне попалась и российская страничка с новым дизайном — это страница журнала Ресторатор.
Теперь о теме. В этой статье я хочу с вами поделиться размерами новой обложки, которая скоро должна появиться на всех страницах Фейсбук.
Вариантов будет два: один с общими размерами и один с детальной разбивкой новой обложки (для дизайнеров).
Размеры обложки на страницах Фейсбук
Если вы не собираетесь создавать особо замудреные обложки с помощью Фотошопа или других графических программ, то вам вполне будет достаточно следующих разметок.
Напомню, что размеры самой обложки не изменились, а остались такими же как и раньше: 851 х 315 рх. Что тогда изменилось? Изменился низ обложки, так как название страницы, ее категория и кнопки теперь находятся здесь (раньше все они были расположены под обложкой), поэтому самый низ изображения теперь не может содержать никакой важной информации.
Напомню, что минимальный размер фотографии профиля 180 х 180 пикселей. Когда вы загружаете фото, оно сжимается до размеров 160 х 160 рх. Эта информация вам необходима только в случае, если вы создаете интегрированные обложки, т. е. когда фото профиля плавно переходит в обложку. В остальных случаях помните только, что фото профиля должно быть не меньше 180 х 180 пикселей.
Размеры всех изображений на Фейсбук и других соц. сетях можно посмотреть здесь: Шпаргалка: размеры изображений в соц. сетях.
Данных выше размеров вам вполне хватит для дизайна красивой и функциональной обложки. Замечу, что горизонтальное расстояние от фотографии профиля до конца обложки придется рассчитывать самостоятельно, так как оно зависит от длины названия вашей страницы, наличия кнопки «Сообщение», а также наличия кнопки призыва к действию (которая вскоре появится на всех страницах Фейсбук). Ниже я расскажу вам о некоторых бесплатных сайтах, с помощью которых вы можете создать оригинальные обложки для вашей страницы.
Дизайн обложки Фейсбук
Об этой теме я уже писала ранее, но хотелось бы рассказать вам и о других сайтах, с помощью которых можно создавать красивые, профессионально выглядящие обложки.
Предыдущая статья о дизайне обложек с другими полезными ресурсами: Дизайн обложки на Фейсбук
Coverbud
Это очень простой сайт, который поможет вам сделать оригинальную обложку на основе многочисленных дизайнов-шаблонов и фотографий с вашей страницы или личного профиля.
Как работает? Выберите один из шаблонов и кликните на нем. Затем нажмите на Customize и выберите Coverbud for pages. Далее вам нужно дать разрешение программе на доступ к вашим фотографиям и страницам. После этого в выпадающем списке выберите страницу, для которой хотите создать обложку. На следующем этапе у вас должен открыться дизайнер обложки. Здесь, я думаю, все интуитивно, поэтому не буду расписывать, что нужно делать. Так же вы можете выбрать фон и добавить текст, по желанию.
Timeline Slicer
Timeline Slicer — это один из сайтов, который обязательно нужно взять на заметку! С его помощью вы можете создавать интегрированные обложки (когда изображение профиля плавно перетекает в обложку), а также загрузить себе шаблоны основных изображений на Фейсбук, чтобы использовать их в других графический программах. Я сама много раз пользовалась этим сайтом и очень его рекомендую! Внизу сайта есть видео-туториал о том, как сайт работает.
Обязательно посмотрите, чтобы было проще понять что к чему.
Обновление: раньше сайт работал без регистрации, но теперь для того, чтобы его использовать нужно зарегистрировать свой аккаунт.
Нажмите на кнопку Add Image, чтобы загрузить свое изображение на сайт. Зеленые кнопочки со стрелкой вниз — загрузить готовое изображение на ваш компьютер.
Photovisi
С помощью этого сайта вы можете создавать красивые коллажи и использовать их, как сами захотите, т. е. этот сайт не предназначен для создания обложек, но тем не менее может быть полезен. Приятно, что создатели сайта, видно с помощью автоматического переводчика, попытались перевести сайт на русский язык. Иногда получается достаточно забавно :)) Но все равно приятна такая забота! :))
Для создания коллажа не нужна регистрация или авторизация, поэтому этим сайтом очень легко пользоваться. Просто выберите дизайн и загрузите свои фотографии в коллаж. Вот и все!
BeFunky
Сайт BeFunky пригодится вам для любого рода редактирования фотографий.
Это очень хороший сайт, который к тому же переведен на русский язык!
Так же как и Pixlr Express, о котором я уже не раз писала, BeFunky позволяет совершенно бесплатно редактировать фото онлайн без регистрации. Здесь вы можете обрезать изображения, изменять их размер, добавлять рамки и различные фильтры, а также делать коллажи.
В BeFunky вы можете загружать фотографии с вашего компьютера, с Фейсбук, Пиказы, Flickr и других сервисов. Очень удобно!
Я решила добавить еще несколько полезных ресурсов для создания красивых обложек для Фейсбук и других соц. сетей.
Fotor
Fotor — это еще один очень хороший ресурс, с помощью которого вы можете создавать коллажи, делать открытки и редактировать изображения.
Для того, чтобы создать красивую обложку Фейсбук, кликните на Menu и затем выберите Cover. Далее вы можете выбрать обложку для какой соц. сети вы желаете создать. Например, мы выбираем Фейсбук. У вас откроется окошко редактора обложки. Вы можете выбрать приглянувшийся вам фон, а также добавить стикеры и текст.
Меню коллажи, стикеры и текст находится с левой стороны.
Для того, чтобы использовать элементы помеченные красным алмазом, нужна регистрация.
PiZap
Это еще один хороший сайт для создания открыток, редактирования фото. PiZap предлагает огромное количество оригинальных шаблонов для коллажей, поэтому если вы любите что-то интересненькое, то обязательно попробуйте этот сайт.
В самом верху, вы можете выбрать какого формата коллаж вам нужен — альбомный, квадратный, вертикальный или обложка для Фейсбук. Заметьте, что это форматы только для прямоугольных коллажей. В меню сбоку, вы можете выбрать: круги, сердечки, формы и разнообразные сезонные темы. Есть где разгуляться :)) На данный момент, это мой самый любимый сайт для создания коллажей. Очень рекомендую!
Tricked out timeline
Вот еще один простой в использовании сервис, с помощью которого можно создать обложку с четырьмя (на момент написания статьи) интересными эффектами.
Вообще в интернете очень много различных бесплатных ресурсов для редактирования изображений, создания обложек и других манипуляций с визуальным контентом.
Не хочу перегружать вас всякими ресурсами, поэтому на сегодня буду заканчивать, тем более, что перечисленные выше сайты являются лучшими в своем роде, по моему мнению.
Если вы знаете какие-то другие ресурсы, то буду рада, если поделитесь ими в комментариях.
Девочки, посмотрите что я нашла на Али
Идеальный размер баннера Facebook
Когда дело доходит до обложки для вашей страницы Facebook, можно просто выбрать фотографию и поместить ее на обложку, верно?
Не совсем. Ваш баннер на Facebook многое говорит о вашей странице. Тот, который не подходит по размеру, может выглядеть неряшливо и придавать неорганизованный вид вашей бизнес-странице. Это не лучшее впечатление, которое вы хотите произвести.
У нас есть сенсация о лучшем размере баннера Facebook в 2020 году чтобы настроить вашу страницу на правильный путь:
Скриншот через Nike на Facebook
Ваша обложка — она же ваш баннер Facebook — будет отображаться размером 820 пикселей в ширину и 312 пикселей в высоту на компьютере и 640 пикселей в ширину и 360 пикселей в высоту на мобильном устройстве.
Итак, как правильно отобразить фотографию на обоих экранах?
Мы предлагаем размер баннера Facebook 820 x 461,25 пикселей (округление до целого числа также работает, например, 820 пикселей x 461 пиксель или 820 пикселей x 462 пикселей ).
Давайте углубимся в «почему», не так ли?
Размер баннера Facebook для компьютеров имеет нестандартное соотношение сторон 205:78, что усложняет задачу, когда на мобильных дисплеях используется очень распространенное соотношение сторон 16:9. Эти двое плохо работают вместе.
Дело в том, что вы хотите, чтобы ваша фотография правильно выглядела на компьютерах и мобильных устройствах. Но выбор того или иного размера дисплея
собирается оставить его выглядеть странным где-то. Размер компьютера 820 x 312 получит
обрезаны по бокам на мобильных устройствах, в то время как размер, подходящий для мобильных устройств,
иметь обрезанный верх и низ на вашем компьютере.
Хорошей новостью является то, что Facebook не искажает ваше изображение взорвать его, если он слишком мал. Но у него будет странная обрезка, которая может испортить эффект, который вы хотели, чтобы ваше изображение было.
Делая изображение размером 820 x 461,25 пикселей, вы придерживаетесь соотношение 16:9, которое лучше всего смотрится на мобильных устройствах, сохраняя при этом вашу фотографию оптимальная ширина для просмотра на компьютере.
Другими словами, это лучшее из обоих миров.
Что происходит с изображением на мобильном телефоне?
Теперь, когда вы используете этот размер для своей фотографии, вы будете иметь верхнюю и нижнюю часть изображения на экране вашего компьютера. Вы можете Исправьте это, убедившись, что вы соответствуете тексту и фокальной области вашего изображения рядом с центр, насколько это возможно.
Оставьте себе около 50 пикселей сверху и снизу, чтобы сделать
уверен, что ничего, что вам нужно, не останется без внимания.
Однако остальная часть изображения должна выглядеть идеально на обоих мобильные устройства и компьютеры.
Не забывайте, что вы можете использовать инструмент репозиционирования, который Facebook предлагает, когда вы загружаете свою обложку, изменить ее, если она выглядит немного прикольно.
Скриншот через Coca-Cola на Facebook
Facebook время от времени меняет макет бизнес-страниц, и их настройки могут повлиять на внешний вид вашего баннера Facebook.
Например, вы помните, когда ваша фотография профиля страницы слегка нависала над фотографией обложки? Так больше не делает. Теперь изображение вашего профиля находится в левом верхнем углу страницы и совсем не перекрывает фото обложки.
В то время как вы могли смешивать обе фотографии, чтобы сделать их выглядеть творчески сплоченным, вы больше не можете этого делать. Но вы все еще хотите, чтобы все элементы для совместной работы.
Из-за того, что фотография профиля на странице расположена слева, вы можете рассмотреть возможность размещения фокуса вашего баннера Facebook ближе к правому краю.
Расположите точку фокусировки немного правее центра и держите основную часть текста справа, чтобы сбалансировать страницу.
Еще одна модная идея — привлечь внимание к кнопкам призыва к действию прямо под баннером, например «Отправить сообщение» или «Вступить в группу». Некоторые владельцы страниц предпочитают добавлять элемент к своей обложке, чтобы указать посетителям на те кнопки, которые в противном случае они могли бы не заметить.
Как насчет обложки?
Мы также не можем забыть об обложках, которые Facebook теперь предлагает. Они веселые и привлекательные для вашей аудитории и могут выделиться больше чем фото на обложке, если вы сделаете их правильно.
Какой размер должен быть у вас?
К счастью, нет новых номеров, которые нужно помнить, если вы хотите видео вместо фото для своего баннера. Те же размеры применяются для настольных и мобильных устройств, поэтому вы можете использовать те же пропорции, что и для обложки: 
Конечно, вам все равно нужно убедиться, что важные элементы вашего видео находятся ближе к центру, чтобы учесть небольшой количество отсечки, которое у вас будет на мобильных устройствах.
Вот еще несколько советов, как сделать так, чтобы ваш баннер на Facebook сиял:
- Сделайте видео продолжительностью от 20 до 90 секунд как фото на обложке
- Выберите лучшую миниатюру для своего видео из десять вариантов, которые предлагает вам Facebook. Это то, что люди видят, когда они наводят курсор над названием вашей страницы, чтобы узнать, о чем она, так что это похоже на их первый впечатление.
- Сделайте разрешение видео не менее 1080p для лучший просмотр на Facebook.
Теперь, когда у вас есть все самые последние рекомендации по размеру баннера Facebook, вы можете сосредоточиться на изучении тактики, например, как закреплять сообщения на Facebook и выяснить, как получить подписчиков на Facebook. Один из самых простых способов сделать это — добавить кнопку Facebook Follow на свой сайт.
Получить кнопку Facebook Follow
Размеры и размеры изображений для каждой социальной сети..
Размеры и размеры изображений для Facebook, Instagram, Twitter, Youtube, Pinterest и т. д. Подробнее для всей социальной сети)
Как всегда, я буду абсолютно честен: вся информация о изображениях и размерах социальных сетей , включая баннеры, заголовки, фотографии профиля и т. д. столько раз менялись от одного месяца к другому.
Таким образом, цель этой статьи — предоставить вам информацию о размерах и размерах, чтобы вы могли работать с изображениями в социальных сетях , а также дать вам несколько практических советов, чтобы вы могли оптимизировать стратегию своего бренда, улучшая свой имидж через Facebook , Twitter, Youtube, Instagram, и другие сайты.
Конкурс на Социальные сети жестоки, и нельзя упускать любую возможность привлечь новых клиентов. Каждую минуту пользователи получают огромное количество информации, поэтому первое впечатление, которое производит бренд, должно быть шокирующим и убедительным на первый взгляд. Если вы хотите избежать ошибок, которые совершают все компании в социальных сетях, не пропустите эту статью.
Теперь, , я представляю вам всю информацию, которую я собрал о размерах и размерах изображений для социальных сетей в январе 2019 года. в дополнение к уже действующей информационной графике.
С апреля 2014 года Twitter использует один дизайн профиля, , который до сих пор преобладает, , который явно очень похож на Facebook.
Намерение этого изменения вместе с главной страницей придало гораздо большее значение до изображений и кнопок для того, чтобы дать пользователям опыт, аналогичный тому, который они имеют на своем мобильном телефоне устройства.
And now, Twitter Image Sizes 2020
From Twitter’s Help Center, they suggest the following measurements:
– T witter Profile Picture Size: 400 x 400 px
– Размер заголовка Twitter (или фото обложки) : 1500 x 500 пикселей
- Фото In-Stream:
Размер предварительного просмотра теперь другой0018 , и они сделали его довольно большим
Например:
Например:- Размер фотографии In-Stream Twitter должен быть (минимум) 440 x 220 пикселей с максимальным 1024 x 512 . Максимальный размер файла: 5 МБ для фотографий и 3 МБ для анимированных GIF-файлов.
Размер изображения в Твиттере
ИЗОБРАЖЕНИЯ В Твиттере СОВЕТЫ!
- Участие: получить на 94% больше ретвитов:
Согласно исследованию, проведенному Дэном Зареллой, изображений, загруженных через pic.twitter.com, получают на 94% больше ретвитов и, кроме того, это единственный способ , с помощью которого функционирует «автоматическое расширение».
- Участие: получить на 94% больше ретвитов:
- Используйте такие инструменты, как Twitalyzer или Bitly.com, чтобы проверять и отслеживать, какие типы твитов и контент ретвитят больше всего. Почему? Примите во внимание следующий совет:
- Используйте такие инструменты, как Twitalyzer или Bitly.com, чтобы проверять и отслеживать, какие типы твитов и контент ретвитят больше всего.
Почему? Примите во внимание следующий совет:- Пользователи на 40 % больше реагируют на контент с изображениями , чем на «простой» контент, поэтому пользуются всеми преимуществами, которые платформы предоставляют брендам или профессионалам, благодаря своим более «удобным для кликов» интерфейсам , и не стесняйтесь использовать инструментов для редактирования фотографий , таких как Pixlr или Piktochart, для создания инфографики и сделать данные которыми вы делитесь гораздо более привлекательными . Вам не нужно быть экспертом в области дизайна, чтобы создать его!
- Помните, что лучше всего кратко и по делу . Согласно исследованию, проведенному TrackSocial, твиты с более высоким процентом вовлеченности — это те, которые содержат от 70 до 100 символов.
- Будьте активны! Используйте такие инструменты, как Postcron, с помощью которых вы можете создавать и программировать свои твиты , чтобы сэкономить рабочее время. Благодаря функции массового планирования вы можете запрограммировать контент на целый месяц всего за несколько минут с помощью электронной таблицы.
- Помните, что лучше всего кратко и по делу . Согласно исследованию, проведенному TrackSocial, твиты с более высоким процентом вовлеченности — это те, которые содержат от 70 до 100 символов.
- Я бы предложил различные инструменты, которые позволят персонализация вашего фона для получения профессионального внешнего вида в Твиттере:
ArtStudio
CustomTwit
- Я бы предложил различные инструменты, которые позволят персонализация вашего фона для получения профессионального внешнего вида в Твиттере:
Теперь настала очередь Facebook , социальной сети , известной тем, что она часто модифицирует дизайн своего интерфейса.
Размеры Facebook 2020
- Размер аватара Facebook (размер изображения профиля): На компьютерах отображается как 160 x 160 пикселей и 140 x 140 для смартфонов. Минимальный размер 180 x 180 пикселей .
- Размер обложки Facebook: На компьютерах отображается как 851 x 310 пикселей и 640 x 360 пикселей на смартфонах. Минимальный размер: 399 на 150 пикселей .
Размер изображения поста в Facebook 2020
- Поделиться Размер изображения: 1200 x 630 пикселей.
- Фотография общей ссылки: 1200 x 627 пикселей.
- Избранное фото: 1200 x 717 пикселей.
Кроме того, в профилях Facebook теперь можно размещать видео вместо изображения профиля ; максимальная продолжительность 7 секунд.
Что касается дизайна страницы, имейте в виду, что на Fan Page Информационный раздел страницы следует использовать с умом, чтобы привлечь новых поклонников и широкую публику.
Я рекомендую вам указать адрес вашего блога и/или адрес электронной коммерции бренда или компании в параграфе Информация . Кроме того, вы можете использовать различных вкладок с по , предлагать пользователям интересный контент, и использовать приложения, чтобы расширить свое присутствие на других платформах.
СОВЕТЫ FACEBOOK!
ВАЖНО: Если вы планируете продвигать изображение на Facebook по коммерческим причинам, имейте в виду, что социальная сеть позволяет включать в композицию только 20% текста. Чтобы проверить, соответствует ли ваше изображение допустимому количеству текста, вы можете использовать Facebook Text Overlay , инструмент, который позволяет вам загружать файл .JPG для его просмотра.
- Сообщения с менее 250 символов получить На 60% больше вовлеченности.
- Сообщение с фотографиями получить:
- На 104% больше комментариев
- На 53% больше лайков
- 1179 % показывает, насколько выросло использование Instagram (по данным Facebook с 2012 года)
- На 84 % больше кликов по сравнению с другими типами сообщений
- Используйте такие инструменты, как Postcron, функция Multiupload которого позволяет загружать и планировать более 300 изображений всего за несколько секунд.
- Используйте графических редакторов , чтобы оптимизировать и сделать ваши постов более привлекательными. Например: ArtStudio, Pixlr, Sumopaint, Picmonkey и Splashup.
3- Размер изображения YouTube 2020
Далее, для YouTube и других социальных сетей, я поделился очень подробной инфографикой, созданной Thepinkgroup:
Фото обложки YouTube Размер или фото баннера канала: 2560 x 1440 пикселей
Устройства (изображения настраиваются автоматически)
- Дисплей планшета: 1855 x 423 пикселей
- Мобильный дисплей: 1546 x 423 пикселей
- ТВ-дисплей: 2560 x 1440 пикс.
- Настольный дисплей: 2560 x 423 пикселей
Название видео: до 100 символов
Описание видео : до 5 тысяч символов
Размеры видео : 2560 x 1440 пикселей
Узнайте больше о том, как оптимизировать изображения для Youtube, из этой статьи: Размер обложки канала YouTube, советы и многое другое.
4- Размеры изображений Vimeo 2020
- Размер изображения профиля Vimeo: 300 x 300 пикселей
Размер баннера Vimeo — Размеры для загрузки видео:
Стандартное разрешение Соотношение 4:3 640 x 480 пикселей
Стандартное разрешение Соотношение 16:9 640 x 360 пикселей
720p HD Video 1280 x 720 пикселей
1080p HD (Plus/PRO) 1920 x 1080 пикселей
- Размер изображения профиля Instagram (размер аватара): Должен быть не менее 150 × 150 пикселей
Размер обложки Instagram: Должно быть не менее 399 пикселей в ширину и 150 пикселей в высоту
Для изображений профиля и обложек с вашим логотипом или текстом вы можете получить лучший результат, используя файл PNG.
- Чтобы получить наилучшее разрешение, рекомендуемые размеры для фотографий Instagram : 1080 x 1080.
- Горизонтальные изображения: 1080 x 566.
- Размер видео/фото для Instagram Stories: 750 x 1334.
7- Обновление размера изображения LinkedIn 2020
- Размер изображения профиля Pinterest: 165 x 165 пикселей
- Дисплей платы: 222 x 150 пикселей
- Размеры контактов: 236 ширина в пикселях
- Размер изображения профиля LinkedIn: 400 x 400 пикселей
- Фото обложки LinkedIn Размер: 1584 x 396 пикселей
Для страниц компании LinkedIn:Изображение баннера: минимум 1536 x 768 пикселей, формат PNG/JPEG/GIF, максимум 2 МБ, горизонтальное оформление, изображение должно быть намного шире, чем длинное.
