Знай свой размер: полный гайд по размерам изображений в наиболее популярных соцсетях

Что делать не нужно.

Чтобы увидеть изображение в полном объеме — кликните на нем.

Если вы хотите узнать сколько процентов Самые занимает текст на вашей обложке, то я вам рекомендую использовать инструмент Text Overlay, созданный Фейсбук как раз для этих целей. Он очень прост в применении и проверка займет у вас не больше одной минуты. Просто загрузите изображение и выделите зоны, содержащие текст.

Как вы можете видеть в примере ниже, доля текста на обложке ВЕСТИ.ru составляет целых 52%, что явно превышает допустимую норму в 20%.

Еще несколько заметок по поводу текста

Учтите, что cheap nfl jerseys если на фотографии изображен ваш продукт, то текст, содержащийся на нем не принимается во внимание. То есть он не засчитывается в допустимые 20%

НО, если вы увеличиваете изображение и делаете фокус на вашем логотипе, содержащим текст или, того хуже, добавляете текст на продукт, когда его на самом деле там нет — это уже другая история, и все это должно учитываться в 20%.

Ну вот мы и разобрались со всеми «нельзя». Давайте теперь рассмотрим несколько вариантов правильного использования текста на обложке.

Фотографии обложки

Для своей обложки я собираюсь использовать это фото:

Мое фото для обложки

Если я попытаюсь загрузить свое фото в полном размере (около 7000рх по ширине), вот что происходит:

Обложка Facebook с полным разрешением

Не очень хорошо. Facebook рекомендует сначала изменить размер фото до 851 х 315, поэтому так и сделаем:

Обложка Facebook с новым размером, но файл по-прежнему более 100kb.

Выглядит лучше, но все еще видны искажения, особенно вокруг птицы. Тем не менее, это фото по-прежнему «весит» почти 300kb, хотя Facebook рекомендует 100kb. Поэтому иду в Файл — Сохранить для Веб (Control-Shift-Alt-S) в Adobe Photoshop и подвигаю слайдер Качество (Quality) на отметку меньше 100kb.

Выбирайте опцию Сохранить для Веб, чтобы уменьшить размер фото до менее 100kbОбложка 851 х 134 сохранена в размере ниже 100kb

Как видите, этот способ дает самый лучший результат. Иногда у меня получается добиться немного лучших результатов с фото для обложек, когда я использую PNG вместо JPEG. Но, как я упоминала ранее, эти файлы сложнее сохранять в меньшем размере (менее 100 kb), поэтому попробуйте оба способа и посмотрите, что устроит вас больше.

Как добавить видео на обложку?

Это очень просто:

1. Перейдите на свою страницу.
2. Кликните по кнопке «Еще» и загрузите видео.

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

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

Размеры для YouTube

Несмотря на то, что на YouTubе чаще всего ищут и смотрят видео, картинки там тоже нужны. Макеты необходимо делать для профиля, обложки и превью видео.

Рекомендованный размер для фото профиля — 800 х 800px (для мобильной версии — 98 х 98px). Поддерживаются все форматы (jpg, png, bmp, gif).

Рекомендованный размер для фото обложки — 2560 х 440px, но не менее 2048 х 1152px (для TV-формата).

Что касается макета к видео, то выбрать нужный размер вам поможет картинка:

Safe area (Безопасная зона) — 1546 х 423px отображается на всех устройствах, во всех браузерах. Что касается разрешения на десктопах (2560 х 423px), на планшетах (1855 х 23px) – Безопасная зона будет отображена без изменений, а остальные размеры — исходя из размеров окна вашего браузера.

Советы:

• При изготовлении макетов учитывайте, что они по-разному отображаются в мобильной версии, на десктопе и на телевизоре.
• Размеры файла не должны превышать 6 Мб.

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

Пусть она не сделает за вас вашу работу, но поможет вам однозначно. Кроме того, вы всегда можете воспользоваться Графическим редактором PublBox, который не только подберёт нужный размер, но и подскажет вам отличные шрифты и картинки для оформления изображения.

Не забудьте также прочитать наши статьи:

Размер фото для Одноклассников

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

• .
• .
• .
• .

Размеры аватара для Одноклассников: 190х190

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

Рекомендации:

• Максимальное разрешение файла – 1680х1680.
• В профиле будет показана миниатюра размером
  190х190.

Размер обложки в Одноклассниках: 1944х600

В 2018 году администрация сайта изменила допустимый размер
обложки в Одноклассниках до 1944х600 пикселей

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

Рекомендации:

• Исходное изображение – 1944х600 пикселей.
• «Безопасная зона», чтобы сохранить содержимое
  обложки на разных устройствах – 980х240 пикселей от середины картинки.
• Закрепив обложку в альбом, пользователи смогут
  комментировать ее.

Размер картинки поста в Одноклассниках: 780х585

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

Рекомендации:

• Максимальное разрешение – 1680х1680. Можно загружать файлы и больше, но в таком случае возможна потеря качества при сжатии.
• В новостной ленте пост будет размером 548х411 пикселей при соответствующих пропорциях.
• В раскрытом состоянии размеры изображений составляют 780х585 пикселей.

Оптимальный размер рекламных иллюстраций

Одноклассники предлагает широкий выбор рекламных кампаний, которые
позволяют проявить весь креатив бренда. Но файл для рекламного объявления не
может иметь вес более 150 Кб.

Рекомендации:

• Квадратный мультиформат с текстом снизу – 600х600.
• Квадратный мультиформат с текстом слева – 256х256.
• Прямоугольный мультиформат с текстом сверху – 1080х607.
• Тизерное объявление – 90х75.
• Пост в рекламной карусели – 600х600.
• Пост в ленте – 1080х607.

Более детально смотри в Сервисном центре Одноклассники.

06.

Задайте правильный размер изображения

В сниппетах отображается изображение размером 476 × 249 пикселей, но Facebook рекомендует загружать картинки от 1200 × 628 пикселей. Так превью будет хорошо смотреться на мониторах с высоким разрешением.

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

Фотография в сниппете, которая отображается неправильно (слева), и фотография, которая отображается правильно (справа). Фото на превью: Depositphotos

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

Пробуйте разные форматы

Стильная современная обложка в Facebook может быть разных форматов. Например, избитая картинка вряд ли кого-нибудь удивит. Вместе с тем изображение быстро грузится, статично, предсказуемо отображается как на компьютере, так и на экране мобильного телефона. Немаловажный плюс: чтобы создать запоминающееся изображение, не нужно нанимать дизайнера. Благодаря онлайн-сервисам, например PublBox, выбор шаблона и адаптация займет считанные минуты. PublBox — это хороший инструмент с интуитивным интерфейсом. Всё, что нужно, — выбрать один из представленных шаблонов обложки, задать задний план (однотонный или выбрать из существующих в базе), добавить фотографии (ваши или из бесплатной галереи), по желанию добавить текст и, собственно, опубликовать вашу обложку. Вот и всё.

Создать обложку в Дизайн Редакторе PublBox

Не изобретайте колесо, зайдите на страницы транснациональных корпораций или селебритиз (западных).

Очень перспективный формат — слайд-шоу. Поскольку этот формат встречается нечасто, он ещё не приелся, а по сложности создания приравнивается к обычному изображению.

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

Еще один интересный формат — коллаж. По сути, это очередное изображение, состоящее из нескольких картинок (не путать с ротацией изображений в слайд-шоу).

И наконец самый перспективный формат — видео-cover. Это стильно, модно, непривычно и заметно.

Ошибки оформления обложки Facebook

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

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

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

А еще вам поможет виджет FB Leads, если вы запускаете рекламу в этой социальной сети. Он автоматически связывает пользователя, который заполнил лид-форму прямо в объявлении, с отделом продаж или колл-центром. Таким образом вы не потеряете ни одного обращения и свяжетесь с клиентом как можно быстрее. 

Виджеты Calltouch

Для увеличения конверсии сайта и роста продаж

• Повысьте конверсию сайта на 30%
• Оптимизируйте работу колл-центра
• Увеличьте лояльность клиентов
• Подробная статистика по всем обращениям с привязкой к источнику

Узнать подробнее

Потенциальные ошибки таковы.

Использование одной и той же фотографии везде

Заглавные изображения для событий и групп в Facebook различаются по размерам. Подберите правильные размеры для оптимизации каждой из страниц.

Слишком много текста

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

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

Беспорядок и несуразица

Многим знакомы обложки, на которых так много «интересного», что их длительный просмотр может вызвать головную боль. Там много цветов, информационных секторов, акцентов — точно есть на что посмотреть.

Хоть это и привлечёт внимание, на такой обложке сложно сосредоточиться, и она может выглядеть попросту неряшливо

Игнорирование формата страницы

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

Стоковые фото

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

Отсутствие брендинга

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

Правила для ВКонтакте

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

Диапазон разрешения для картинки на страницу профиля составляет – 200х200 минимально и 200х500 максимально.

Следует заметить, что данный сервис заметно снижает качество залитой картинки при сжатии. Поэтому есть смысл брать изображение большего размера – 1200х1000 например, но не выше 2560х2048 — для снижения потерь в резкости.

Лучше загружать изображения в цветовом режиме sRGB.

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

Куда еще можно добавить фото на Фейсбуке

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

Stories

Эта опция появилась относительно недавно. Представляет собой коротенькие истории, просматривать которые пользователи могут в течение суток. Спустя 24 часа они исчезают. Размещать файлы в таком формате можно через компьютер. Для этого в момент создания поста поставить галочку напротив места «Истории» или «Лента».

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

Советы по сохранению качества картинки:

размер 1080*1920, а пропорции 9:16;
в stories, состоящих из нескольких файлов, загрузку объектов лучше проводить по очереди. Не нужно добавлять следующую картинку, пока на загрузилась предыдущая;
проверить скорость интернет-соединения

Можно сравнить эти значения, используя разные способы подключения (WI-FI, мобильный интернет);
если важно сохранить качество фото, то не надо перегружать stories дополнительными эффектами. Чем больше на изображении кнопок и наклеек, тем сильнее оно пострадает при сжатии;
при добавлении гифки Фейсбук сожмет ее до качества Video

Гифки больше всего теряют качество при сжатии;
добавлять stories доступно также на страницы и в сообщества, но сделать это возможно только в мобильном приложении.

Обложка профиля или страницы

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

Основные параметры для обложки:

• размер – 851*315;
• файл не должен превышать объем в 100 Кб.

Согласно наблюдениям картинки с такими параметрами меньше всего теряют в качестве после опубликования. В данном случае принцип «чем больше, тем лучше» не работает. Размер изображения очень важен. Чтобы уменьшить его, воспользуйтесь специальной программой Photoshop. Для этого при сохранении выберете «Сохранить для веб», а показатель качества укажите меньше 100 Кб.

Отображение обложки как изображения:

• на смартфонах – 640*360 пикселей;
• на экране компьютера – 820*312 пикселей.

Для монитора компьютера изображение уменьшится по высоте, а для смартфонов – по ширине

Это важно учитывать при подборе картинок, чтобы не разместить близко к краю важные детали или текст

Если вы используете фото с текстом или логотипом, то сохранять файл в формате PNG.

Обложка группы

Картинки для сообществ должны соответствовать следующим параметрам:

• размер 1640*856 пикселей;
• пропорции 1,91:1.

Фото будет отображаться на смартфоне с небольшим сокращением по высоте: Фейсбук обрежет 96 пикселей сверху и снизу. В этих областях размещать важные детали и текст нежелательно.

Рекламные публикации

Согласно исследованиям, больше всего просматривают посты с изображениями. Требования к картинке для рекламного поста:

• пропорции – 1:1;
• в веб-версии фото будет отображаться в разрешении 200*200 пикселей, а на смартфонах и планшетах – 600*600 пикселей;
• выбирать изображение лучше не больше 4К и 5 Мб;
• рекомендуемые форматы – JPG, PNG, GIF, BMP.
• если вы хотите, чтобы пользователи делились статьей с картинкой, то лучше выбрать тег «og:image». Это позволит автоматически подтягивать фото к публикации. Разрешение при этом будет 154*154 пикселей.

Аватарка

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

• минимальный размер – 320*320 пикселей;
• картинка будет отображаться на компьютере как миниатюра размером 170*170* пикселей, и 128*128 пикселей – в мобильном приложении.

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

Если на иконке есть фирменный логотип, то сохраните картинку в формате BMP.

Резюме

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

Приветствую вас, друзья!
Давненько я про социальные сети не писала (если не считать таковым ютуб) =)
Решила исправиться и рассказать вам как можно сделать креативную обложку для фейсбука не используя при этом фотошоп и другие графические редакторы.
В наше время появляется все больше интересных сервисов, которые с радостью бесплатно (или платно) сделают за вас практически любую работу. И обложка на страницу Facebook не является исключением.
Итак давайте приступим к самому интересному.

Загрузка видео обложки на Facebook

Теперь, когда вы знаете все спецификации видео на Facebook, самое время загрузить его.

Вот пошаговый процесс загрузки:

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

Теперь вы можете успешно загрузить видео обложку Facebook, используя этот алгоритм.

Привлекайте внимание к кнопкам призыва к действию

Если хотите, чтобы обложка приносила больше конверсий, разместите на фон страницы грамотный call to action. Компании делают разные кнопки CTA: у одних это «зарегистрируйтесь сейчас», у других «заказать сейчас» и так далее.

Всё просто: хотите чего-то от подписчиков, просто попросите их об этом – зарегистрироваться, приехать, позвонить вам или подписаться на обновления. Есть несколько способов это сделать:

1) Ведите людей на сайт (размещайте адрес на обложке + ссылку в описании)

2) Приглашайте в офлайн (давайте номера телефонов или адреса)

К примеру, Hotel Urbano совместил своё фото с кнопкой «воспользоваться приложением»:

Цвета помогают правильно расставлять акценты.

Бутылочка с ананасом расположены над кнопкой подписки

Минимализм помогает акцентировать ваше внимание на ней. 

Важно: в мобильных версиях кнопки CTA выглядят иначе, поэтому будьте внимательны

Важно: в мобильных версиях кнопки CTA выглядят иначе, поэтому будьте внимательны.

Добавление фото

В Фейсбуке имеется большой список мест, где можно размещать фото.

Требования к файлам:

• объем не больше 15 Мб;
• разрешение не больше 4К.

Альбомы

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

Важно: в альбом загружаются только фото и видео, он не подходит для stories. Порядок действий для веб-версии:

Порядок действий для веб-версии:

1. Перейти в свой профиль.
2. Выбрать вкладку «Фото».

1. Кликнуть по разделу «Альбомы»
2. Нажать на кнопку «Создать альбом».

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

1. Нажав на кнопку «Друзья», выбрать уровень конфиденциальности.
2. Кликнуть по кнопке «Отправить».

Алгоритм для мобильного приложения:

1. Открыть приложение и коснуться своей аватарки для перехода в профиль.
2. Нажать на раздел «Фото».

1. Вверху экрана будут расположены три вкладки» «Фото с вами» (файлы, где вас кто-то отметил), «Загрузки» (добавленные вами фото), «Альбомы» (сгруппированные изображения).
2. Открыть «Альбомы» и кликнуть по кнопке «Создать альбом».

Особенности альбомов:

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

Приложения

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

Добавление фото в Фейсбук через приложение:

1. Нажать на поле «Что у вас нового»».
2. Выбрать «Фото/видео».
3. Добавить нужный файл из памяти устройства.
4. Кликнуть по кнопке «Опубликовать».

Инструмент для создания обложек для Facebook

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

Ниже приведены пять самых популярных инструментов создания на Facebook, так что вы можете начать создавать прямо сейчас.

1. Canva – это инструмент для создания изображений для любой платформы, но особенно для обложек Facebook. Их шаблоны обложки также просты в использовании. Вы просто выбираете макет, изображения, шрифты и цвета, которые подходят вашему бренду, и готово!

2. С Adobe Sparks вы можете бесплатно создавать потрясающие обложки для Facebook. Этот инструмент помогает создавать яркие баннеры, которые усиливают ваш бренд и привлекают аудиторию за считанные секунды. К тому же они выглядят супер профессионально.

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

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

5. Crello

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

Размеры для Twitter

Макеты в Twitter также можно разделить на картинки для постов и профиля.

Чтобы сделать топовый профиль в Twitter, подготовьте макеты согласно следующим рекомендациям:

обложка — макет 1500 х 500px (альбомная ориентация 3:1), максимальный размер — 5Мб;

профиль — макет 400 х 400px (квадратная ориентация 1:1), максимальный размер — 2Мб;

минимальный размер фото профиля (на смартфоне) — 200 х 200px.

Рекомендованный размер для поста — 506 x 253px (альбомная ориентация 2:1), до 5Мб (до 3Мб для GIF). Максимальный размер для десктопа — 1024 x 512px, минимальный размер для мобильной версии — 440 x 220px.

Советы:

• Twitter не поддерживает анимацию GIF-файлов в фото профиля и обложки.
• Используйте картинки следующих расширений: jpg, gif, png.
• Фото растягиваются исходя из указанных для каждого случая пропорций — учитывайте это при загрузке фото.

Размеры обложек

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

• 820х312 px – при просмотре с компьютеров;
• 640х360 px – на мобильных устройствах.

Пропорции не совпадают, поэтому для публикации рекомендуется сделать одно изображение в формате 820х360 px. Ресайзер в обоих случаях использует полную ширину, но в десктопной версии срежет тонкие полоски сверху и снизу.

При изготовлении макета также нужно учитывать следующее:

1. Минимальный размер фотографии, пригодной для обложки, составляет 400х150 px. Такое изображение удастся растянуть без ухудшения качества.
2. Файлы до 100 Кб загружаются быстрее.
3. Лучшие форматы для сохранения иллюстрации – PNG и JPG в стандарте sRGB. Они меньше страдают от сжатия и имеют цветопередачу, адаптированную под большинство цифровых устройств.

Размеры обложек фейсбук.

Бизнес-страница

У обложек коммерческих аккаунтов стандартный размер. Но “Фейсбука” советует увеличить его до 828х475 px. Это необходимо для корректного отображения на смартфонах.

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

Обложка мероприятий

Событие анонсируется с целью привлечь как можно больше людей. Поэтому иллюстрация должна быть не только интересной, но и крупной. Рекомендуемый размер шапки – 1920х1080 px. При этом “Фейсбук” предупреждает, что центр картинки, не соответствующей указанным пропорциям, будет смещен.

Минимальный размер файла, который можно использовать в качестве шапки мероприятия, – 470х174 px.

Обложка мероприятий.

Видео обложка

В 2017 г. в “Фейсбуке” появилась возможность устанавливать на обложку не только картинки, но и видео. Оптимальное разрешение кадра составляет 820х312 px. Можно и больше, но с соблюдением пропорций, то есть 1280х487 px, 1920х731 px.

Продолжительность ролика – от 20 до 90 секунд

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

Как создать обложку для ФБ?

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

1. Просто ищем в Гугл-картинках или Яндексе. Этот вариант вам подходит, если просто нужно сделать красиво. Например, если это ваш личный профиль или бизнес не слишком для вас важен. В настройках поиска можно указать расширение, которое вам понадобится. Помимо этого, удобство состоит в фильтре по цветам. Если ваш профиль стилизован под определённую цветовую гамму, это – очень удобно.
2. Создайте нужный вариант в Фотошоп. Для этого понадобится знание этой программы, но возможности перед вами открываются действительно огромные – вы можете сделать что угодно. Поэтому очень советую попробовать. Тем более, при создании нового файла вы задаёте размер. Я не устану рекомендовать эту программу, потому что умение работать в ФШ всегда пригодится. Тем более, если вы планируете продолжать генерировать авторский контент и привлекать людей этим.
3. Онлайн сервисы. О них я расскажу немного позже. Если исключительно это вам нужно, уже можете прокрутить не один абзац ниже.

Pinterest

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

На Pinterest не отыскать сообществ, «историй», текстовых постов, а потому и правил приходится соблюдать меньше:

• Аватар. Разработчики предлагают загружать иконки размером 165×165 пикселей.
• «Пины» (изображения). Ширина изображений – 238 пикселей, максимально допустимый размер – 735×1102 px (если исходник больше, социальная сеть подстроит контент автоматически под шаблон).
• «Доски» (альбомы). Рекомендуемый формат – 200×200 пикселей, но для дополнительной выразительности лучше двигаться в сторону 800×800 px.