Cлайд 1 Cлайд 2 Cлайд 3 Согласно этой конвенции, биологическое...
Валерия Полякова
Редактор Likeni
Одна из первых вещей, на которую обращают внимание пользователи, заходя на страницу того или иного сообщества - это обложка. При этом не важно, о какой соцсети речь – обложка все равно остается самым крупным элементом на странице. Поэтому вам следует уделить ей должное внимание. Команда Buffer подготовила для вас гид по размерам обложек в популярных соцсетях. Добавляйте в закладки.
820px x 462px
Важно знать:
Лучше всего подойдет видео формата MP4 или MOV. Но можно выбрать что-то из этого списка .
Группа Facebook
Здесь все примерно так же, как и на странице, только немного короче. Идеальный размер – 820 х 462рх. Однако на десктопе будет видна небольшая часть, поэтому старайтесь, чтобы изображение было не мене 400рх в длину и 150рх в высоту.
Также стоит учесть, что изображение на десктопе не будет перекрыто текстом, а на мобильных устройствах – будет:
Также вам стоит озадачиться тем, как будет выглядеть фото обложки в миниатюрах, поэтому лучше, чтобы текст (если он есть), был в центре:
Facebook мероприятие
1920 х 1080px
1584 x 396px
Если после загрузки фото выглядит расплывчато, LinkedIn рекомендует выбрать для загрузки изображение размером 8MB или как можно ближе к этому, так как чаще всего большие фото выглядят лучше. Изображения с логотипами выглядят хуже, чем фото без них.
На мобильных устройствах изображение будет обрезано:
Профиль компании LinkedIn
1536 px x 768 px
Google+
1600 x 900px
- Все важные элементы лучше расположить в центре изображения. Все дело в том, что фото обложки в Google+ адаптивные. Они будут автоматически обрезаться, пока вы скроллите страницу, а те элементы, что расположены в середине, всегда будут в фокусе.
- Фото обложки выглядит и ведет себя на мобильных устройствах так же, как и на десктопе.
Tumblr
1600 x 900px
Вместо заключения
Если у вас есть какие-либо советы по созданию обложек для соцсетей, или вы не согласны с цифрами, приведенными выше, делитесь своими мыслями в комментариях.
██ ╔╦╦╦═╦╗╔═╦═╦══╦═╗◄██
██ ║║║║╩╣╚╣═╣║║║║║╩╣◄██
██ ╚══╩═╩═╩═╩═╩╩╩╩═╝◄██
★Всем доброго времени суток, с вами Неизвестный Номер★
Сегодня мне в голову пришла идея: почему бы мне не сделать себе собственную обложку для АА? Ведь картинки иногда так трудно найти, что самому сделать – лучший вариант, да и у своего собственного творения шанс понравиться гараздо больший.
⢓⢅⢓⢅⢓⢅⢓⢅⢅⢓⢅⢓⢅⢓⢅⢓⢅⢅⢍⢅⢓⢅⢓⢅⢓⢅⢓⢅⢅⢓
Плюсы и минусы таких обложек.
╭╼━⚏▇▬|★|▬▇⚏━╾╮
К плюсам я бы отнёс то, что при её создании вы можете задействовать вашу фантазию, придумывать что-то своё: украшать по-своему, выбирать цвета, рамочки, крылья, хвосты, ушки... И так можно до бесконечности.
Так же при редактировании своей обложки вы сможете поднять скилл в работе с фотошопом или другими редакторами фотографий.
Из минусов могу отметить только большие затраты в плане времени. Например, при подборе цветов, шрифтов, фонов и т.д.
Вы можете не уметь работать с фотошопом, что сильно усложнит вашу работу, тем самым увеличивается и время, потораченное на создание.
Но мы же не остановимся перед трудностями? ;)
╰╼━⚏▇▬|★|▬▇⚏━╾╯
★Что потребуется★
╭╼━⚏▇▬|★|▬▇⚏━╾╮
Фотошоп;
Прямые руки;
Фантазия;
Интернет;
Этот гайд.
╰╼━⚏▇▬|★|▬▇⚏━╾╯
◣◥◣◥◤◢◤◢◣◥◣◥◤◢◤◢
★Процесс работы★
╔═════ ▓▓ ࿇ ▓▓ ═════╗
＞ :white_small_square: Первый этап:white_small_square: ＜
┍┄┄─┄┄─≪᪥ᬁ᯼ᬁ᪥≫─┄┄─┄┄┑
Самый первый этап – самый важный. Для начала сделаем скриншот своего профиля АА или другой амино-сети.
╔༻ ━━━━━━━━━━━ ༺╗
Важно то, чтобы на скриншоте была самая верхушка профиля (не ниже) – это для того, чтобы обложка была по размерам и помещалась в отведённое ей место как надо: не была меньше или больше.
После завершения передачи файла на компьютер, откройте фотошоп и закиньте туда скрин. Здесь и начинается самое интересное.
━━━━━━━◌ ◌━━━━━━━
＞ :white_small_square: Второй этап:white_small_square: ＜
┍┄┄─┄┄─≪᪥ᬁ᯼ᬁ᪥≫─┄┄─┄┄┑
Если вы имеете опыт работы с фотошопом, то это хорошо, а если наоборот – смотрите гайды в ютубе.
╔༻ ━━━━━━━━━━━ ༺╗
Нам нужна область именно обложки. Эта область показана на скрине ниже.
╚༻━━━━━━━━━━━ ༺╝
После того, как область была помечена нажмите сочетание клавиш Ctrl + C – область автоматически скопируется, после чего нажмите "Файл → Создать"
Как только вам откроется окно настройки холста, сразу нажимайте на "Окей", не меняя размеры – фотошоп подстраивает размеры нового холста под размеры скопированной части изображения. У вас должно получиться вот так:
Скачиваем фон для обложки из гугла или другого поисковика, где фоны в свободном доступе, после чего закидываем его на холст с нашей будущей обложкой.
В начале изображение может сжаться, но это легко исправить – растяните его, удерживая Shift (растягивание происходит без изменений соотношения сторон)
Shift и растягивайте
После его можно подвинуть как захотите. В итоге у меня получилось вот так:
━━━━━━━◌ ◌━━━━━━━
＞ :white_small_square: Третий этап:white_small_square: ＜
┍┄┄─┄┄─≪᪥ᬁ᯼ᬁ᪥≫─┄┄─┄┄┑
╔༻ ━━━━━━━━━━━ ༺╗
На данном этапе уже можно представлять себе, как будет выглядеть ваша работа.
╚༻━━━━━━━━━━━ ༺╝
Назову его этапом для украшений, ведь сейчас мы будем подбирать к готовому фону аксессуары.
Для начала сделаем фон полупрозрачным, чтобы обеспечить удобство редатирования:
Теперь мы можем скачать... Крылья, к примеру. Я решил взять также иконки ВК и Твиттера для моей обложки.
Как я говорил, мы возьмом крылья. Где? Там же, где брали фоны! После скачивания подходящих, перекидываем их на холст:
Держим фон пока что таким же прозрачным и вставляем картинки твиттера и вк.
После этого вам понадобятся ваши ID от этих социальных сетей (не пароли, если кто не знает).
Под конец я решил проэкспериментировать с добавлением теней на более большие участки крыльев.
Для этого я создал дополнительный слой и на нём нарисовал несколько линий по периметру крыльев:
╔༻ ━━━━━━━━━━━ ༺╗
Чтобы убрать лишнюю краску и сделать так, чтобы наши тени были только на крыльях нужно:
Установить курсор между слоем крыльев и теней (слой с последними должен быть сразу после слоя с крыльями);
Удерживать Alt;
После появления некого "квадратика со стрелочкой" нажать левую кнопку мыши.
Обложки для страниц в Facebook – прекрасный пример того, как маркетинг в социальных сетях отличается от обычного использования социальных сетей. Красивая обложка с персональным фото украсит личный профиль, но обложки для бизнеса должны выполнять другие задачи.
Обложки в десктопной и мобильной версии
Технически, нет такого размера обложки, который идеально подошел бы во всех случаях, потому что в мобильной и десктопной версии обложка отображается по-разному. С мобильного устройства обложки будут выглядеть более высокими.
К счастью, Facebook не пытается растянуть изображение, чтобы соответствовать новым меркам, благодаря чему оно не деформируется, вместо этого фото автоматически обрезается. Также можно использовать встроенный инструмент изменения положения, чтобы оптимизировать обложку для лучшего отображения.
Учитывая все сказанное, рекомендуется использовать десктопный размер 820 на 312 пикселей, а затем проверить, не оказался ли какой-то из важных компонентов фотографии обрезанным в мобильной версии.
Красивые обложки для Фейсбука: какие они должны быть?
Разумеется, изображение на обложке должно быть высокого качества и релевантным к бизнесу, но кроме этого нужно определить, что именно оно будет собой представлять, а это уже более сложная задача. Здесь все зависит от бизнеса, от человека, делающего выбор, и от его представлений о том, к чему будет наиболее восприимчива целевая аудитория.
Несколько прекрасных идей, которые всегда будут хорошим выбором.
Используйте обложку для увеличения продаж или генерации лидов
Несмотря на то, что многие считают, что в понятии «маркетинг в социальных сетях» «социальный» аспект должен быть важнее «маркетингового», все равно всегда остается место для продвижения бизнеса. Обложка, призванная увеличивать продажи или генерировать лидов, в сочетании с релевантной кнопкой CTA, можно получить значительный результат без лишних усилий.
Рекламируйте предстоящие события
Если компания планирует в скором времени провести вебинар, конференцию или даже конкурс, обложка страницы может стать прекрасным объявлением об этом. Новые пользователи будут оставаться в курсе событий, просто заходя на страницу.
Демонстрируйте свойства и преимущества продукта
Это также связано с продажами, но демонстрация преимуществ продукта в любом случае может сыграть на руку компании.
Также можно:
Показать свой магазин. Если у компании есть витрина магазина или офисное пространство, которые будут отлично выглядеть на фото, можно сделать это изображение обложкой страницы и увеличить тем самым посещаемость.
Показать своих сотрудников и членов команды. Контент, создаваемый сотрудниками, может быть таким же ценным, как и пользовательский контент, а участие реальных работников компании на обложке страницы поможет очеловечить бизнес и показать настоящих людей, которые стоят за ним.
Использовать пользовательский контент. Пользовательский контент – один из самых мощных маркетинговых инструментов в распоряжении каждого бизнесмена, и использование аутентичного контента для обложки может внести существенный вклад в установление контакта и завоевания доверия аудитории.
Ошибки, которых нужно избегать
Несмотря на то, что есть множество вариантов изображений, которые можно выбрать для обложки страницы, есть также и варианты, которых следует избегать. Некоторые ошибки могут оттолкнуть пользователей от страницы, и даже полностью испортить впечатление о компании.
Самые страшные ошибки, которые можно совершить при выборе обложки для страницы в 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 играют немаловажную роль в том, чтобы произвести хорошее первое впечатление на новых пользователей. В идеальном варианте обложка хорошо выглядит и в мобильной, и в десктопной версии, без странных обрезаний или смещений изображения. Правильно подобранная, качественная и релевантная фотография с идеальным размером в роли обложки страницы поможет создать желаемый имидж и репутацию компании.
