Дизайн обложки на Фейсбук

16
49155
Дизайн новой обложки на Фейсбук

Последнее обновление: Май 2015

Здравствуйте, дорогие читатели! Вы наверняка уже слышали, что Фейсбук запускает новый дизайн страниц (не путаем с дизайном главной страницы). О том, чего следует ожидать от нового дизайна, я писала в этой статье: «Первые впечатления от нового дизайна страниц на Фейсбук«, так что если вы еще не в курсе, обязательно прочитайте.

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

Теперь о теме. В этой статье я хочу с вами поделиться размерами новой обложки, которая скоро должна появиться на всех страницах Фейсбук. Вариантов будет два: один с общими размерами и один с детальной разбивкой новой обложки (для дизайнеров).

Размеры обложки на страницах Фейсбук

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

Дизайн обложки на Фейсбук 2014

Напомню, что размеры самой обложки не изменились, а остались такими же как и раньше: 851 х 315 рх. Что тогда изменилось? Изменился низ обложки, так как название страницы, ее категория и кнопки теперь находятся здесь (раньше все они были расположены под обложкой), поэтому самый низ изображения теперь не может содержать никакой важной информации.

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

Размеры всех изображений на Фейсбук и других соц. сетях можно посмотреть здесь: Шпаргалка: размеры изображений в соц. сетях.

Данных выше размеров вам вполне хватит для дизайна красивой и функциональной обложки. Замечу, что горизонтальное расстояние от фотографии профиля до конца обложки придется рассчитывать самостоятельно, так как оно зависит от длины названия вашей страницы, наличия кнопки «Сообщение», а также наличия кнопки призыва к действию (которая вскоре появится на всех страницах Фейсбук). Ниже я расскажу вам о некоторых бесплатных сайтах, с помощью которых вы можете создать оригинальные обложки для вашей страницы.

Дизайн обложки Фейсбук

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

Предыдущая статья о дизайне обложек с другими полезными ресурсами: Дизайн обложки на Фейсбук

Coverbud

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

Как работает? Выберите один из шаблонов и кликните на нем. Затем нажмите на Customize и выберите Coverbud for pages. Далее вам нужно дать разрешение программе на доступ к вашим фотографиям и страницам. После этого в выпадающем списке выберите страницу, для которой хотите создать обложку. На следующем этапе у вас должен открыться дизайнер обложки. Здесь, я думаю, все интуитивно, поэтому не буду расписывать, что нужно делать. Так же вы можете выбрать фон и добавить текст, по желанию.

Дизайн обложки с помощью Coverbud

Timeline Slicer

Timeline Slicer — это один из сайтов, который обязательно нужно взять на заметку! С его помощью вы можете создавать интегрированные обложки (когда изображение профиля плавно перетекает в обложку), а также загрузить себе шаблоны основных изображений на Фейсбук, чтобы использовать их в других графический программах. Я сама много раз пользовалась этим сайтом и очень его рекомендую! Внизу сайта есть видео-туториал о том, как сайт работает. Обязательно посмотрите, чтобы было проще понять что к чему.

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

Дизайн обложки с помощью Timeline Slicer

Нажмите на кнопку Add Image, чтобы загрузить свое изображение на сайт. Зеленые кнопочки со стрелкой вниз — загрузить готовое изображение на ваш компьютер.

Photovisi

С помощью этого сайта вы можете создавать красивые коллажи и использовать их, как сами захотите, т. е. этот сайт не предназначен для создания обложек, но тем не менее может быть полезен. Приятно, что создатели сайта, видно с помощью автоматического переводчика, попытались перевести сайт на русский язык. Иногда получается достаточно забавно :)) Но все равно приятна такая забота! :))

Дизайн обложки с помощью Photovisi

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

BeFunky

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

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

Дизайн обложки с помощью BeFunky

В BeFunky вы можете загружать фотографии с вашего компьютера, с Фейсбук, Пиказы, Flickr и других сервисов. Очень удобно!

Дизайн обложки с помощью BeFunky

Я решила добавить еще несколько полезных ресурсов для создания красивых обложек для Фейсбук и других соц. сетей.

Fotor

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

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

Дизайн обложки с помощью Fotor

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

PiZap

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

Дизайн обложки с помощью PiZap

В самом верху, вы можете выбрать какого формата коллаж вам нужен — альбомный, квадратный, вертикальный или обложка для Фейсбук. Заметьте, что это форматы только для прямоугольных коллажей. В меню сбоку, вы можете выбрать: круги, сердечки, формы и разнообразные сезонные темы. Есть где разгуляться :)) На данный момент, это мой самый любимый сайт для создания коллажей. Очень рекомендую!

Tricked out timeline

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

Дизайн обложки с помощью Tricked out timeline

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

Если вы знаете какие-то другие ресурсы, то буду рада, если поделитесь ими в комментариях.

 

Основатель проектов Про СММ, Академия Про СММ (закрыт) и Smuzik.ru. Блогер. Эксперт по продвижению в Фейсбук, Инстаграм и онлайн в целом. Интернет - моя работа и моё любимое хобби. В свободное время занимаюсь фотографией, контент-проектами или же расслабляюсь перед телевизором, просматривая любимые фильмы и сериалы по Netflix. 

16 КОММ.

    • Ольга, очень рада, что нашли что-то полезное для себя 🙂

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

      Хорошего вам дня!

  1. Спасибо, Катя, за интересную статью. Мне не знаком был сервис BeFunky, уже освоила. Спасибо,понравился. А вопрос у меня по Photovisi — подскажите, есть ли там установка соотношения сторон 16:9. Мне всё там нравится, кроме того, что коллажи получаются с соотношением 4:3. Заранее спасибо за ответ.

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

      Photovisi пока что не дает создавать коллажи, подходящие под размер обложки. Вообще под размер обложек не так просто сделать симпатичный коллаж. Все, что предлагается бесплатно — немного простовато. Посмотрите обязательно сайт PiZap, так как там выбор коллажей такой, что хочется штук десять сразу создать 🙂 Хотя для обложек выбор тоже маловат.

  2. Хотела сделать обложку через Coverbud сервис так и не загрузил обложку ан фейсбук. Кто нибудь загружал? в чем дело может быть?

    • Ольга, здравствуйте! Я только что протестировала Coverbud на тестовой странице и обложка у меня загрузилась с первого раза. На каком этапе у вас происходит сбой? Вы дошли до кнопки «Publish to Facebook»?

  3. Статья хорошая!
    Только вот в чем проблема, сейчас большинство пользователей заходят с мобильного, а там уже шапка не отображается как надо..
    т.е. если мы рисуем по этим размерам, то на моб. версии будет уже не так красиво..
    Вы знаете в каких местах шапки лучше размещать объекты, чтобы они все находились в видимой зоне при просмотре через мобильные устройства?
    Думаю было бы полезно для всех..
    Спасибо

  4. Доброго времени, Екатерина! Спасибо вам огромное за полезный ресурс. Для меня, как новичка в интернете и уже приличном возрасте, это находка. Благодарю!

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.