Обложка для сайта картинки: ⬇ Скачать картинки D0 be d0 b1 d0 bb d0 be d0 b6 d0 ba d0 b0 d1 81 d0 b0 d0 b9 d1 82 d0 b0, стоковые фото D0 be d0 b1 d0 bb d0 be d0 b6 d0 ba d0 b0 d1 81 d0 b0 d0 b9 d1 82 d0 b0 в хорошем качестве

Вертикальное изображение: разрешение 1080 x 1350 px. Чтобы избежать неудачной обрезки в самом приложении, рекомендуем публиковать изображения с соотношением сторон 4:5.

Горизонтальное изображение: рекомендуемое соотношение сторон 1,91:1. Чтобы не потерять качество изображения стоит использовать разрешение не менее 1080 x 566 px.

Изображение для Stories

Instagram Stories поддерживает изображения любой ориентации: вертикальной и горизонтальной.

Рекомендуем использовать вертикальные изображения, как и задумано разработчиками. Соотношение сторон: 9:16, разрешение 1080 х 1920 px. Если вы отдаете преимущество горизонтальным изображениям в Stories, то рекомендуемое соотношение сторон: 1,91:1.

Картинка для обложки Reels

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

Читайте также Reels в Инстаграм: как снять, сделать и продвинуть в топ

Изображение профиля Instagram

Минимальный размер изображения профиля Instagram: 180 х 180 рх.

Изображение для обложки Highlights

Минимально допустимый размер обложек для Highlights: 600 х 750 рх, а максимально допустимый: 1 080 х 1 920 рх.

Для рекламы

Лента Instagram

Квадратное изображение: соотношение сторон 1:1, минимальное разрешение: 600 x 500 рх, максимальное: 1 936 x 1 936 рх.

Совет:
Если на картинке есть изображение стрелки, то Facebook может не допустить картинку к рекламе.

Вертикальное изображение: соотношение сторон 4:5, минимальное разрешение: 600 x 750 px, максимальное разрешение: 1 936 x 1 936 px.

Горизонтальное изображение: рекомендуемое соотношение сторон: 1,91:1, минимальное разрешение: 600 x 315 px, максимальное разрешение: 1 936 x 1 936 px.

Истории в Instagram

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

Соотношение сторон изображения: от 1,91:1 до 4:5, рекомендуемое разрешение: 1 080 x 1 920 px, минимальное разрешение: 600 x 1 067 px.

Размеры изображений для ВКонтакте

Для публикаций

Обложка сообщества

Разрешение обложки для ВКонтакте: 1 590 х 400 px. Такое разрешение подойдет только для полной версии сайта, открытой на компьютере. В мобильном приложении обложка обрезается по бокам, и отображается только часть размером 1 196 х 400 рх. Учитывайте это при создании обложки.

Читайте также Как создать обложку для группы «ВКонтакте» в сервисе Canva

Аватар сообщества

Миниатюра аватара отображается в виде круга диаметром 200 px.

Аватар профиля

Минимальное расширение аватара профиля: от 200 х 500 рх.

Обложка альбома

Рекомендуемый размер – 200 х 132 px.

Обложка к внешним ссылкам

Рекомендуемый размер изображения обложки специального блока для внешних ссылок: 1200 х 536 px. Минимально допустимый размер: 537 х 240 px.

Обложка для статьи

Минимальный размер обложки для статьи: 510 х 286 px. Рекомендуем использовать изображение с разрешением: 1 926 х 1 080 px.

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

Обложка для витрины товаров

Соотношение сторон изображения в каталоге товаров: 1:1, разрешение: 1 000 х 1 000 px.

Изображение для историй

Размер картинки: 1 080 х 1 920 px.

Для рекламы

Изображение для кольцевой галереи

Карусель ВКонтакте – это рекламная запись, состоящая из 3-10 карточек товаров, куда можно добавить перечеркнутую старую цену и актуальную стоимость.

Разрешение для изображений в карточке: не менее 400 × 400 px, рекомендуем использовать: 600 × 600 px.

Изображение для универсальных записей

Универсальная запись выглядит как стандартный пост на стене, и часто пользователи воспринимают его не как рекламу, а как обычную запись в новостях. Разрешение у изображения: не менее 537 x 240 px.

Реклама личной страницы

Минимальный размер изображения: 1 080 × 607 px. Допустимое соотношение сторон строго 16:9.

Читайте также Как создать рекламный макет: пошаговая инструкция

Запись с кнопкой

Размер изображения: минимум 537 x 240 px. Старайтесь использовать изображения больше минимального размера, чтобы ссылка была заметнее.

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

Минимальный размер изображения: 1 080 х 607 px. Соотношение сторон: строго 16:9.

Изображение для текстово-графического блока (ТГБ)

Изображение с заголовком: минимальный размер 145 х 165 рх.

Изображение с тестом: минимальный размер 145 × 85 px.

Изображение для рекламы групп

Минимальный размер 145 × 145 px.

Изображение для рекламы в историях

Соотношение сторон вертикального изображения: 9:16, минимальное разрешение 720 x 1 280 px.

Размеры изображений для Youtube

Для публикаций

Превью видео

Соотношение сторон картинки: 16:9, разрешение 1280 x 720 px.

Изображение на обложке канала

Минимальный размер изображения: 2 048 х 1 152 px.

Изображение профиля

Размер картинки: 800 х 800 px.

Картинка для обложки альбома

Размер картинки для обложки альбома: от 1 400 x 1400 до 4 098 x 4 098 px. Соотношение сторон: 1:1.

Для рекламы

Медийные объявления

Размер: 300 × 250 или 300 × 60 px.

Оверлеи

Размер: 468 × 60 или 728 × 90 px.

Размеры изображений для Одноклассников

Для публикаций

Аватар

Минимум 190 х 190 рх. Рекомендуемое разрешение: 300 × 300 px.

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

Минимальный размер картинки для обложки: 640 x 320 px, максимальный: 4 048 х 4 048 px.

Изображение для поста

Размер: максимум 1 680 х 1 680 рх.

Для рекламы

Изображение для продвижения группы или страницы, поста из группы или страницы

Размер: минимум 240 x 400 px.

Продвижение игр

Разрешение баннера в разделе «Игры для вас»: 128 × 128 px.

Разрешение изображения: 240 x 400 px.

Рекламная карусель

Карусель предусматривает от трех и до пятнадцати карточек. Размер изображения: 600 х 600 px.

Рекламная ссылка

Используйте изображение не менее 640 x 320 px.

Размеры изображений для Facebook

Для публикаций

Аватар

Размер: 170 х 170 рх.

Обложка личной страницы

Размер: 820 х 312 рх.

Обложка сообщества

Размер: 820 х 312 px.

Изображение к постам

Для размещения поста используйте картинки размером: 1 200 х 630 px. Максимально возможное разрешение: 2 048 x 2 048 px.

Изображение ко внешним ссылкам

Размер: 500 × 261 px.

Для рекламы

Изображение в ленте Facebook

Соотношение сторон: от 1,91:1 до 4:5. Разрешение: минимум 1 080 х 1 080 рх.

При публикации изображения с ссылкой используйте соотношение сторон: от 1,91:1 до 1:1, минимальное разрешение: 1 080 × 1 080 px.

Загружайте изображения в поддерживаемом формате с самым высоким разрешением. Верхний предел разрешения не установлен.

Facebook Marketplace

Поддерживаются изображения с соотношением сторон от 16:9 до 9:16, рекомендуем использовать 1:1. Разрешение: минимум 1 080 х 1 080 px.

Правый столбец Facebook

Поддерживаются изображения соотношением сторон от 1,91: до 1:1, однако они могут быть преобразованы в формат 1:1. Разрешение: минимум 1 080 х 1 080 px.

Изображение для кольцевой галереи

Соотношение сторон изображения: 1:1. Рекомендуемое разрешение: 1 080 × 1 080 px.

Входящие Messenger

Рекомендуем использовать изображения с соотношением сторон 1:1, разрешение минимум 1 080 х 1 080 px.

Истории на Facebook

Соотношение сторон: 9:16. Разрешение: минимум 1 080 х 1 080 px.

Истории в Messenger

Соотношение сторон: 9:16. Разрешение: минимум 1 080 х 1 080 px.

Размеры изображений для Twitter

Аватар

Размер: 400 х 400 px.

Изображение на обложке

Размер: 1 500 x 500 px.

Картинка к твитам

Размер:1 024 x 512 px.

В ленте горизонтальное изображение уменьшится до 506 px по ширине, но пропорции сохранятся.

Вертикальное изображение уменьшится до 506 px по ширине и обрежется до прямоугольника. Максимальный размер изображения: 4096 × 4096 px.

Размеры изображений для Pinterest

Для публикаций

Аватар

Размер: 165 х 165 рх.

Обложка для профиля

Размер: 800 х 450 рх.

Пин с изображением

Pinterest обрезает вытянутые изображения. Рекомендуемое соотношение сторон: 2:3 – 1:2,1. При клике на изображение оно откроется до 735 px по ширине.

Для рекламы

Изображения для рекламных объявлений в Pinterest

Иллюстрации в рекламе соответствуют статическому пину и совпадают с рекомендациями к обычным пинам в ленте: соотношение сторон: 2:3 или 1 000 x 1 500 px.

В карусель можно загрузить от 2 до 5 изображений, с соотношением сторон 1:1 или 2:3.

Размеры изображений для Tumbler

Изображение профиля

Размер:128 х 128 рх.

Обложка профиля

Размер: оптимально 3 000 х 1 055 рх.

Изображение для поста

Размер: оптимально 500 х 750 рх.

Размеры картинок для LinkedIn

Аватар профиля

Размер: минимум 400 х 400 рх.

Изображение для обложки профиля

Размер 1 536 х 768 рх.

Изображение для поста

Размер: 1 200 х 630 рх.

Заключение

Чтобы не теряться в размерах изображений в соцсетях, добавьте эту статью в закладки. Такое пособие не будет лишним как для SMM-специалиста, так и для дизайнера.

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

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

Нужна помощь в продвижении бизнеса в интернете от профессионалов? Оставляйте заявку.

Как поменять обложку сайта и какую лучше выбрать? / База знаний / Личный кабинет (vekrosta.ru)

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

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

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

1. В личном кабинете зайти конструктор лендингов.
2. Нажать на кнопку «Выгрузить» в нужном шаблоне.
3. Во всплывающем окне нажать на кнопку «Изменить обложку сайта».
4. Загрузить картинку и нажать на кнопку «Выгрузить».

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

Как очистить кэш VK, FB и Telegram для Opengraph-изображений?

• 0. Квест-игра и Мастер-класс

  • Автоматизация бизнеса с платформой ВекРоста

  • Как зарегистрироваться на мастер-класс?

  • Кто проверяет ДЗ квеста?

  • Почему не проверен 1 урок квеста, хотя прошло уже много времени?

  • Уроки из Квест-игры

  • Что делать, если не открывается/не скачивается файл шаблона лендинга?

  • Что такое пасхалки?

• 1. Аккаунт

  • Настройки профиля

    • Заполнение контактов в профиле

      • Как узнать логин Facebook

      • Как узнать логин ICQ

      • Как узнать логин Instagram

      • Как узнать логин Skype

      • Как узнать логин Telegram

      • Как узнать логин в Messenger

      • Как узнать логин ВКонтакте

      • Как узнать логин в Одноклассниках

      • Как узнать логин ТамТам

    • Как поменять компанию в личном кабинете?

    • Как поменять регистрационный номер в кабинете VekRosta?

    • Как поменять электронную почту в кабинете VekRosta?

    • Как связать (добавить) несколько аккаунтов ВекРоста из разных компаний?

    • Как сменить пароль в кабинете VekRosta?

    • Что такое UID и где его найти?

  • Новости

    • Как создать статью (страницу) в новостях?

  • Персонализация

    • Как настроить меню в личном кабинете?

    • Как поменять логотип и убрать лишние кнопки для себя и своей структуры в кабинете?

  • Регистрация и вход

    • Как войти в свой личный кабинет?

    • Как восстановить пароль от кабинета VekRosta?

    • Как зарегистрироваться на платформе VekRosta?

    • Регистрационный номер в компании

  • Уведомления

    • Как подключить своего телеграм-бота для отправки уведомлений?

      • Регистрируем бот у @BotFather

    • Как подключить уведомления в Telegram?

    • Почему не приходят уведомления в Telegram?

  • Шаблоны писем

• 2. Тариф и магазин

  • Комплекты

    • Вертолет, Самолет, Ракета — подробнее о комплектах

    • Оптима+, Профи+, Эконом, Стандарт — подробнее о комплектах

  • Тарифный план

    • Зачем нужна заморозка тарифного плана? Что это дает?

    • Как заморозить и разморозить тарифный план?

    • Какие функции доступны при заморозке тарифа?

    • Тарифный план «Президент»

  • Тренинги

    • Где найти купленные тренинги и товары?

    • Могут ли мои люди смотреть купленные мною тренинги?

  • Финансы

    • Как работает система кешбэка?

• 3. Анкеты и структура

  • Анкеты (заявки)

    • Как подтвердить анкету?

    • Куда приходят анкеты после заполнения на сайте?

    • Почему не приходят (тестовые) анкеты с сайта?

    • Почему приходят двойные анкеты с сайта?

    • Что делать, если при подтверждении анкеты пишет, что «пользователь с такой электронной почтой уже зарегистрирован в системе»?

  • Добавление партнеров

    • Как добавить партнера в первую, вторую и другие линии в кабинете?

    • Как подтвердить заявки на вступление в структуру?

    • Что такое ветки 1+1 и как их использовать?

  • Переадресация анкет

    • Как настроить переадресацию новых анкет другому пользователю?

    • Как настроить переадресацию новых анкет структуре?

  • Просмотр структуры

    • Как экспортировать данные структуры или анкет в Excel?

  • Спонсор

    • Как указать (сменить) спонсора в кабинете и причины, по которым система его не находит

  • Уроки по работе с CRM-системой из Квест-игры

• 4. Обучение и база знаний

  • База знаний

    • Как выдать права менеджера в базе знаний

    • Как добавить или удалить участника из базы знаний

    • Как наполнить базу знаний

    • Как создать базу знаний

  • Домашние задания

    • Как назначить модератора обучения?

    • Как проверить домашнее задание?

    • Просмотр решений других учеников

  • Доступ к обучению

    • Как отключить доступ человеку к обучению?

    • Можно ли продавать своё обучение?

  • Создание обучения

    • Добавление уроков

    • Как добавить аудио в обучение?

    • Как добавить видео в обучение (не через YouTube)?

    • Как добавить файл в обучение? (например: PDF, Word)

    • Как назначить менеджеров для управления курсом?

    • Как создать урок в виде бота

  • Уроки по созданию обучения и базы знаний из Квест-игры

• 5. Вебинары и Автовебинары

  • Где искать ссылку на вебинар в кабинете VekRosta?

  • Где искать ссылку на свою трансляцию в YouTube?

  • Добавление презентации в настройках вебинара

  • Добавление рекламных блоков в настройках вебинара

  • Как живой вебинар превратить в автовебинар?

  • Как настроить автовебинар после проведения живого вебинара?

  • Как начать трансляцию в YouTube?

  • Как отредактировать сценарий автовебинара?

  • Как посмотреть статистику и информацию о проведенном вебинаре

  • Как провести живой вебинар из готового видео YouTube?

  • Как протестировать вебинарную комнату перед запуском?

  • Как сделать ограниченный доступ к вебинару?

  • Как создать автовебинар на платформе VekRosta?

  • Как создать и запустить живой вебинар на платформе VekRosta?

  • Настройка расписания вебинара

  • Почему нужен YouTube для проведения вебинара на VekRosta?

  • Уроки по вебинарам из Квест-игры

  • Что нужно для проведения живого вебинара?

  • Что такое OBS и зачем оно нужно? Ссылка на скачивание

  • Что такое «Начало видео» и «Длительность вебинара» в настройках?

  • Что такое «Финальная страница» в настройках вебинара?

• 6. Сайты и инструменты

  • АвтоСобеседование

    • Редактирование собеседования

      • Где находится автособеседование?

      • Как в АвтоСобеседовании подключить защищенный плеер, чтобы пользователи не могли перейти на YouTube?

      • Как изменить вопросы и текст в автособеседовании?

      • Как поменять видео в автособеседовании?

      • Как удалить картинку с шагом сверху (3-й шаг) в собеседовании?

      • Куда приходят ответы на вопросы из автособеседования?

      • Можно ли поставить картинки вместо видео в автособеседовании?

    • Редактирование шагов

      • Как удалить шаг в автособеседовании?

      • Можно ли добавить шаг в автособеседовании?

      • Можно ли поменять шаги в автособеседовании?

  • Домен и хостинг

    • SSL-сертификат

      • Как установить SSL-сертифкат на свой сайт?

    • Домен

      • Как подобрать идеальный домен?

      • Как привязать свой домен к сайту (хостингу)?

      • Что такое DNS-адреса?

    • Хостинг

      • Возможности и характеристики хостинга ISPmanager

      • Как зайти на хостинг (ISPManager)?

      • Как прикрепить новый домен к хостингу?

      • Как создать поддомен на хостинге VekRosta (ISPmanager)?

      • Чем отличается «внутренний» хостинг с тарифа «Директор» от «внешнего» отдельного хостинга?

  • Конструктор лендингов

    • Интеграция с разными сервисами

      • Как добавить quiz (квиз) на сайт в конструкторе ВекРоста?

      • Как добавить калькулятор на сайт?

      • Как подключить сервис рассылок к сайту в конструкторе ВекРоста?

    • Как перейти в конструктор сайтов?

    • Редактирование сайта

      • Видео/Фото

        • Как вставить видео на сайт?

        • Как вставить видео на сайт в блок с модальным окном?

        • Как менять изображения на сайте?

        • Как отключить рекомендованные видео в защищенном плеере?

        • Как подключить защищенный плеер в конструкторе, чтобы пользователи не могли перейти на YouTube?

        • Что делать, если изображения на сайте долго грузятся?

      • Детали

        • Как в конструкторе сделать ссылку на блок, страницу или сторонний сайт?

        • Как добавить новую ссылку в верхнее меню лендинга?

        • Как поменять цвета кнопок и деталей на сайте?

        • Как сделать прозрачным фон на первом блоке сайта где заголовок?

      • Обложка

        • Как очистить кэш VK, FB и Telegram для Opengraph-изображений?

        • Как поменять обложку сайта и какую лучше выбрать?

      • Разное

        • Как добавить дополнительную страницу для сайта?

        • Как добавить каталог (или PDF-файл) на сайт?

        • Как очистить кэш браузера?

        • Почему медленно загружается (или не загружается) сайт?

        • Почему не открываются спойлеры в блоке вопросы-ответы?

        • Редактирование блоков «О команде»/«О себе»

      • Текст

        • Как вставить скопированный текст в конструкторе сайтов?

        • Как менять тексты на сайте?

        • Как перевести сайт на другой язык?

        • Как сделать шрифт на сайте жирнее, чтобы текст было лучше видно?

        • Как скрыть длинный текст на сайте, чтобы он открывался и закрывался по кнопке?

    • Создание сайта в конструкторе

      • Как создать сайт в конструкторе?

      • Могу ли я создать сайт сам(а)?

      • Можно ли создать несколько сайтов на встроенном хостинге?

      • Сколько я могу сделать сайтов в конструкторе?

    • Сохранение и публикация сайта

      • Как настроить FTP в конструкторе, чтобы выгрузить сайт?

      • Как правильно выгрузить сайт в конструкторе после редактирования?

      • Как правильно сохранить сайт после редактирования?

    • Уроки по созданию лендинга из Квест-игры

  • Конструктор сайт-ботов

    • Какие функции доступны в «Федоре» и чем он отличается от других сервисов?

    • Создание сайт-ботов

      • Как выгрузить (опубликовать) скрипт бота на внутренний хостинг vekrosta. biz?

      • Как выгрузить (опубликовать) скрипт бота на свой хостинг?

      • Как зайти в конструктор сайт-ботов?

      • Как создать сценарий в конструкторе сайт-ботов?

      • Как сохранять введенные пользователем данные в сайт-боте?

    • Уроки по созданию сайт-бота из Квест-игры

    • Что такое сайт-бот и зачем он нужен?

  • Сайт-визитка

    • Настройка визитки

      • Где находится моя визитка в кабинете?

      • Как добавить ссылку на собеседование с визитки?

      • Можно ли создать несколько визиток?

      • Почему не отображается основной текст на визитке?

      • Почему не переходит на контакт (пишет контакт не найден)?

      • Почему текст смещается на моей визитке и плохо отображается на мобильных устройствах?

    • Свой домен для визитки

      • Как привязать свой домен к визитке?

      • Как привязать свой поддомен к визитке?

      • Как установить свой домен для сайта-визитки вместо vekrosta. me для всей структуры?

    • Уроки по созданию сайта-визитки из Квест-игры

  • Сайт-воронка

    • О сайте-воронке

      • Входит ли реклама в настройку сайта под ключ?

      • Почему воронка состоит из трёх шагов и на первой странице всего 4 поля в регистрационной форме?

      • Чем отличается сайт-воронка от обычного лендинга?

      • Что входит в настройку сайта под ключ?

    • Редактирование сайта-воронки

      • Где находится сайт-воронка?

      • Как отключить собеседование от сайта-воронки?

      • Как поменять видео «Ответ 2» на сайте-воронке?

      • Как сделать переход с главной страницы сразу в собеседование, минуя второй шаг?

      • Как я могу редактировать сайт-воронку?

• 7. Виджеты и интеграция

  • Видеовиджет

    • Как настроить видеовиджет?

    • Как установить видеовиджет на сайт?

  • Виджет обратной связи

    • Как настроить виджет обратной связи?

    • Почему на виджете обратной связи фото моего партнера, хотя я захожу по своей ссылке?

    • Почему не меняется фото на виджете после сохранения?

    • Почему не работают контакты на виджете?

  • Переадресация

    • Алиасы (зеркало сайта)

    • Как сделать перенаправление с одной ссылки сайта на другую?

  • Подключение (добавление) сайтов

    • Как добавить существующий сайт в кабинет ВекРоста?

    • Как к системе ВекРоста подключить сайт, созданный на Тильде?

    • Как подключить свой созданный в конструкторе сайт?

  • Реферальная система

    • Где найти реферальную и короткую ссылки 407. ru?

    • Как забрать доступ к сайту у партнера

    • Как мне дать доступ к моему сайту своим партнерам? Подключение реферальной системы

    • Как сделать сайт с доступом по ссылке/паролю?

    • Как установить код реферальной системы на сайт в конструкторе?

    • Кто может пользоваться моим сайтом?

  • Сервис 407. ru

  • Форма регистрации

    • Как настроить и установить форму регистрации?

    • Как перевести форму регистрации на другой язык?

    • Как перенаправлять человека на другой сайт/ссылку после заполнения формы регистрации?

    • Почему не отображается форма регистрации в конструкторе сайтов?

    • Почему пишет «эта форма не предназначена для этого сайта»?

• 8. Статистика и реклама

  • Продвижение сайта

    • Как продвигать сайт?

    • Почему мне отказали в Яндекс Директ при настройке рекламы по 15-му пункту (без объяснения причины)?

  • Статистика в кабинете

    • Как правильно создать UTM метку?

    • Почему не отображаются переходы и регистрации в статистике?

  • Счетчики

    • Как установить Пиксель Facebook на лендинг и создать событие регистрации через финальную страницу?

    • Как установить Пиксель Facebook на сайт в конструкторе?

    • Как установить цели Яндекс. Метрики на свой сайт через финальную страницу?

    • Как установить Яндекс.Метрику на сайт в конструкторе?

    • Можно ли подключить Яндекс.Метрику к реферальным ссылкам моих партнеров?

    • Почему в вебвизоре Яндекс.Метрики не отображается форма регистрации?

• 9. Партнерка ВекРоста

  • Где найти свою партнерскую ссылку?

  • Как зарабатывать с покупок своей структуры?

как сделать картинку для Фейсбука, размеры в 2022 году

Содержание

• Размер обложки Facebook
• Какую информацию стоит  разместить на обложке для Facebook
• Как самостоятельно создать обложку: обзор сервисов
• Создание обложки в Facebook: возможные ошибки
• Заключение

Статья обновлена 05. 06.2022

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

Размер обложки Facebook

Чтобы обложка правильно отображалась на всех устройствах, нужно обратить внимание на её размеры.

Стандарт оформления:

• На компьютере величина составляет 820 пикселей в ширину и 312 пикселей в высоту.
• На смартфонах: 640 пикселей в ширину и 360 пикселей в высоту.

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

Рекомендуемый размер шапки Facebook – 820 на 360 пикселей. При этом всю важную информацию нужно размещать в так называемой безопасной зоне, чтобы все пользователи её видели. То есть, потребуется сделать отступ по 24 пикселя снизу и сверху, а также по 90 пикселей по бокам.

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

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

Размер аватарки Фейсбук отличается от величины обложки, и это нужно учитывать при оформлении группы. Величина отображаемого квадрата составляет 160 х 160 или 180 х 180 пикселей. При этом для качественного отображения снимка рекомендуется загружать фото величиной не менее 320 х 320 пикселей.

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

Какую информацию стоит  разместить на обложке для Facebook

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

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

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

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

О возможных функциях использования обложки поговорим далее.  

Продажа товара

Можно использовать обложку для повышения продаж. В данном случае на ней может быть изображён новый товар или специальные предложения. 

Например, компании Samsung вышла новая серия смартфонов. Помимо постов и анонсов на сайте, они разместили изображения новинок на обложке FB, привлекая тем самым ещё больше внимания клиентов. 

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

Описание деятельности компании

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

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

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

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

Анонс события

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

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

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

Рассказ о компании

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

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

Просто брендинг

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

Однако популярность – не единственный повод размещения своего брендинга и слоганов. Если они прекрасны, то почему бы не рассказать о них миру просто так?

Лаконичный брендинг показывает серьезность компании, которая не распыляется на яркий дизайн.

Видео

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

В каких случаях видео выглядит уместно? Шведский производитель досок для сёрфинга с мотором выпускает первоклассные девайсы. Однако не все знают, что это такое. Ролик наглядно демонстрирует все преимущества данного  вида спорта. 

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

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

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

• Snappa. Веб-редактор, который считается удобным для создания картинок. В этой программе  немало различных инструментов, а также эффектов для обработки. В сервисе есть множество шаблонов для обложек и не только, благодаря этому всему можно быстро собрать стильный дизайн. Единственный недостаток Snappa – интерфейс на английском языке. Однако всё настолько интуитивно понятно, что с задачей дизайна справятся и те, кто в школе учил французский. 

• Canva. Один из самых популярных сервисов, который используют для создания обложек. Есть как веб-редактор для персонального компьютера, так и приложение для смартфона. Можно выбрать один из доступных шаблонов и собрать изображение, основываясь на геометрических фигурах. Удастся добавить на картинку текст и фото, а также другие элементы. Интерфейс Canva доступен на русском языке, но сейчас работает только через VPN. 

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

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

Создание обложки в Facebook: возможные ошибки

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

Пренебрежение разнообразием

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

Всё лучшее сразу

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

Обилие текста

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

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

Важные детали изображения находятся за пределами обложки

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

Нет фирменного стиля

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

Нарушение авторских прав и отсутствие индивидуальности

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

Заключение

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

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

Частые вопросы

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

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

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

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

Следующая статья: « Статистика запросов в Яндекс и Google: как перейти от количества к качеству

Содержание

• Размер обложки Facebook
• Какую информацию стоит  разместить на обложке для Facebook
• Как самостоятельно создать обложку: обзор сервисов
• Создание обложки в Facebook: возможные ошибки
• Заключение

Оцените статью:

Средняя оценка: 4.5 Количество оценок: 196

Понравилась статья? Поделитесь ей:

Подпишитесь на рассылку ROMI center: Получайте советы и лайфхаки, дайджесты интересных статей и новости об интернет-маркетинге и веб-аналитике:

Вы успешно подписались на рассылку. Адрес почты:

Читать также

Как увеличить продажи в несколько раз с помощью ROMI center?

Закажите презентацию с нашим экспертом. Он просканирует состояние вашего маркетинга, продаж и даст реальные рекомендации по её улучшению и повышению продаж с помощью решений от ROMI center.

Запланировать презентацию сервиса

Попробуйте наши сервисы:

• Импорт рекламных расходов и доходов с продаж в Google Analytics

  Настройте сквозную аналитику в Google Analytics и анализируйте эффективность рекламы, подключая Яндекс Директ, Facebook Ads, AmoCRM и другие источники данных за считанные минуты без программистов

  Попробовать бесплатно

• Импорт рекламных расходов и доходов с продаж в Яндекс Метрику

  Настройте сквозную аналитику в Яндекс. Метрику и анализируйте эффективность рекламы, подключая Facebook Ads, AmoCRM и другие источники данных за считанные минуты без программистов

  Попробовать бесплатно

• Система сквозной аналитики для вашего бизнеса от ROMI center

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

  Попробовать бесплатно

• Сквозная аналитика для Google Analytics позволит соединять рекламные каналы и доходы из CRM Получайте максимум от рекламы, объединяя десятки маркетинговых показателей в удобном и понятном отчете. Отслеживайте окупаемость каждого рекламного канала и перестаньте сливать бюджет.

  Подробнее → Попробовать бесплатно

• Сквозная аналитика для Яндекс. Метрики позволит соединять рекламные каналы и доходы из CRM Получайте максимум от рекламы, объединяя десятки маркетинговых показателей в удобном и понятном отчете. Отслеживайте окупаемость каждого рекламного канала и перестаньте сливать бюджет.

  Подробнее → Попробовать бесплатно

• Сквозная аналитика от ROMI позволит высчитывать ROMI для любой модели аттрибуции Получайте максимум от рекламы, объединяя десятки маркетинговых показателей в удобном и понятном отчете. Отслеживайте окупаемость каждого рекламного канала и перестаньте сливать бюджет.

  Подробнее → Попробовать бесплатно

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

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

Как создать картинку для соцсетей в Figma

В статье рассматриваем:

• Правильные размеры аватаров, обложек, картинок для публикаций и других изображений для Facebook, «ВКонтакте», «Одноклассники», Twitter, Instagram, Pinterest, LinkedIn.
• Сервисы для создания изображений и фотостоки с бесплатными или дешевыми картинками для бизнеса.
• Советы о том, как ставить водяные знаки, и когда это нужно.
• Примеры для вдохновения.

Статья расчитана на начинающих.

РАЗМЕРЫ ИЗОБРАЖЕНИЙ

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

Facebook

Фото профиля

Загружайте изображение 180×180 px. Фото профиля личной страницы на компьютере отобразиться в размере 160х160 px, управляемой страницы — 170×170 px. В ленте и комментариях аватар отображается в форме круга.

Обложка

Лучший размер для загрузки зависит от оформления и информации на обложке.

Обложка личной страницы на компьютере отобразится в размере 851х315 px, управляемой страницы — 820×312 px, группы — 820×250 px. Мероприятия — 500×262 px. На смартфоне пропорции поменяются — 640х360 px. То есть, если вы загрузили 851х315, или 2,7 к 1, на смартфоне картинка обрежется и отобразится в пропорции 1,8 к 1.

Картинка для поста

Загружайте 1200×630 px. При отображении в ленте горизонтальная картинка уменьшится до 470 px по ширине, соотношение сторон сохранится. Вертикальная картинка уменьшится до 394 px по высоте, соотношение сторон сохранится.

Картинка к внешним ссылкам

Загружайте в поле «og:image» картинку 1200×630 px. В ленте на компьютере отобразится как 470х246 px. Facebook советует размер 1200×630 px, чтобы картинка лучше отображалась на мониторах с высоким разрешением. Не загружайте картинку меньше 470х246 px, т.к. она отобразится в виде маленького квадрата 158х158 px вместе с текстом. Также маленький квадрат появится, если в поле «og:image» есть ошибка.

• Советы Facebook по размерам фото профиля и обложки
• Советы о картинках к внешним ссылкам (4 пункт)

По данным Facebook, быстрее всего грузится файл sRGB png размером 851х315 px, который весит менее 100 Кбайт. Ограничение по объему — 8 Мбайт. Формат, который максимально сохранит качество — PNG.

Подбираем обложку для Facebook

Пожалуй, это самый сложный визуальный элемент страницы. Для разных типов страниц — разные параметры, соотношения сторон и расположение профильного фото на странице и смартфоне.

Начнем с плохого примера. Вот я загрузила фотографию 4032х3021 px, не задумываясь, как это будет выглядеть на разных устройствах.

Так у меня выглядит профиль на ПК:

Ничего особенного, но для личной некоммерческой страницы сойдет.

А вот так на смартфоне:

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

А вот для создания обложки для управляемой страницы и группы я решила больше не полагаться на себя. Я взяла шаблон сервиса Canva, он предлагает делать обложку 628×315 px.

Управляемая страница на ПК

На смартфоне

Группа на ПК

На смартфоне

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

Еще есть оптимальный размер обложки по мнению Buffer, сервиса для планирования публикаций в социальных сетях. И это 820х462 px:

Можно скачать их шаблон для фотошопа в формате PSD.

«ВКонтакте»

Аватар

Загружайте изображение размером 200 на 300 px. Или 2 к 3, но не более 600х900 px. На компьютере отобразится в размере 200×300 px. Миниатюра отобразится в круге с диаметром 200 px. Если загрузить бóльшую картинку, она отобразится при клике на аватар.

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

Загружайте изображение размером 1590×400 px. На компьютере отобразится в размере 795х200 px.

Картинка для публикации

Загружайте картинку 510x 510 px. (ширина: 510, длина: меньше или равна 510 px) Если загрузить картинку больше, но пропорционально похожую, тоже будет отлично. При отображении в ленте вертикальная картинка сожмется до 510 px по высоте, горизонтальная — до 510 рх по ширине. Соотношение сторон картинки сохранится.

Вот, что говорит поддержка VK

Картинка к внешним ссылкам

Загружайте в поле «og:image» картинку 537×240 px или в пропорции 2,23 к 1. Во «ВКонтакте» картинка сожмется до 537×240 px. Соотношения сторон важны. Если изображение квадратное или вертикальное, оно будет обрезано.

• Поддержка VK о размерах изображений «ВКонтакте»

Размер аватара во «ВКонтакте»

Если в Facebook главная головная боль — это обложка, то во «ВКонтакте» это аватар. Во-первых, о реальных максимальных размерах аватара во «ВКонтакте» не подозревает даже тех. поддержка.

Но вот утка 200х500 px. Она спокойно отображается:

Проверяем дальше:

Ладно, загружаем утку размером 200х300 px:

Вполне симпатично. Согласимся, что 200х300 px — действительно хороший размер. Тем более, после того как вы добавляете на страницу обложку, размер аватара перестает волновать, т. к. от него остается лишь миниатюра:

Картинка для внешней ссылки

Если сравнивать с картинкой для внешней ссылки в ленте Facebook, в ленте «ВКонтакте» она отображается более вытянутой. Вместо 470х246 px на FB, она имеет параметры 537×240 px. А значит, будет больше обрезана сверху и снизу. Следите, чтобы с картинки не пропала важная информация.

Так выглядит картинка в ленте «ВКонтакте»

Так выглядит оригинал на сайте animalsglobe

Сохраняем качество изображений во «ВКонтакте»

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

Больше советов об оформлении групп VK в руководстве Texterra.

«Одноклассники»

Фото профиля или группы

Загружайте изображение 288×288 px.

Тема группы

Состоит из трех частей:

• Главное изображение — 1340×320 px;
• Обложка темы для каталога — 240×90 px;
• Повторяющийся фон страницы — 320×320 px.

Картинка для поста

Загружайте изображение 1024×768 px.

При отображении в ленте горизонтальная картинка уменьшится до 548 px по ширине, соотношение сторон сохранится.

Вертикальная уменьшится до 411 px по высоте, соотношение сторон сохранится.

Советы по оформлению групп.

Как поставить свою тему группы в «Одноклассниках»

Добавить свою тему оформления могут только официальные группы и группы, у которых больше 10 000 участников.

Информация об официальных группах.

Чтобы установить тему, удобно использовать расширение OkTools. После установки, оно появится в списке наверху страницы. Там выбираем «Темы» и создаем свою.

Чтобы тема выглядела красиво, ОЧЕНЬ важно следовать рекомендациям, которые дает служба поддержки ОК:

Использовать для фона темы изображение размером 1340×320 px, до 120 КБ; для повторяющегося фона страницы — 320×320 px, до 50 КБ; для обложки темы для каталога — 240×90 px, до 30 КБ.

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

При отображении на компьютере часть картинки закроется содержанием группы. Полностью видимым останется верх изображения высотой 140 px. Поэтому все важное должно быть расположено в верхней части.

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

Instagram

Фото профиля

Загружайте картинку размером 110×110 px. Фотография отобразится в круге.

Картинка для поста

Загружайте картинку размером 1080×1080 px. Квадратную картинку загружать не обязательно, но желательно. Если вы загружаете неквадратную картинку, то идеальная ширина — 1080 px, а длина — от 566 до 1350 px. В веб-версии фотографии будут отображаться в размере 291×291 px. При сжатии в Instagram картинка уменьшится до 640 px. В веб-версии откроется картинка размером 600×600 px.

Картинка для Stories

Загружайте картинку размером 1080х1920 px. Можно и других размеров. Главное, чтобы сохранялась пропорция 9:16. Например, подойдет 900х1600 px.

При выборе логотипа помните, что картинка примет круглую форму:

Источник: Instagram/natgeo

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

В Instagram лучше загружать квадратные фотографии

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

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

Если загружаете неквадратную фотографию, Instagram сперва предложит обрезать ее до квадрата.

Это именно та часть, которая отобразится в профиле.

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

Неквадратные изображения в ленте неудачно обрезаны. Источник: Instagram/malishpsih

Неквадратные горизонтальные изображения одного размера выглядят хорошо. Источник: Instagram/vitalykovalevich

Twitter

Фото профиля

Загружайте изображение размером 400×400 px. Фото профиля на компьютере отобразится как круг размером 200px в диаметре.

Обложка

Загружайте изображение размером 1500х500 px. Так советует сам Twitter и все редакторы, в которых есть шаблон обложки для Twitter. Однако при отображении на компьютере обложка показывается как 1900 на 500. А это уже не 3 к 1, а 19 к 5.

Картинка для поста

Загружайте 1024×512 px. При отображении в ленте картинка уменьшится до 506 px по ширине. Сохранится пропорция 2 к 1. Вертикальная уменьшится до 506 px по высоте и ширине, станет квадратной. Поэтому, если вы захотите поставить вертикальную картинку, при показе в ленте она равномерно обрежется сверху и снизу. Если нажать на картинку, она откроется без обрезки.

Pinterest

Фото профиля

Загружайте изображение размером 165×165 px. Отобразится в круге, поэтому следите, чтобы самое важное находилось в центре.

Картинка для пина

Загружайте картинки размером 600×900 px или с соотношением сторон 2 к 3. На компьютере картинка сожмется до 238 px в ширину.

Пропорции сохраняются до тех пор, пока соотношение сторон примерно от 1 к 1 до 1 к 3,5. Если фотография более вытянутая, то сервис ее обрежет на общей странице, а полная версия будет доступна при клике. Максимальная ширина при открытии — 735 px.

Картинка для доски/альбома

Загружайте картинки размером 600×900 px или с соотношением сторон 2 к 3. Во многих источниках указано, что нужно загружать картинку шириной 238 px, но это неверно.

Как объясняет Дарси, член сообщества экспертов Pinterest, если загружать картинку размером 238 px, то при открытии вы используете меньше половины допустимой площади. А в случае с Pinterest, где пользователи приходят именно за визуально привлекательным полноразмерным материалом, это преступление.

• Инструкция о том, как делать великолепные Pin’ы (на английском)
• Официальное видео от Pinterest для бизнеса (на английском)

LinkedIn

Фото профиля

Загружайте изображение размером 300×300 px. В личном профиле отобразится в круге, на странице компании — в квадрате 130х130 px.

Фото обложки

Загружайте 1584х396 px для личной страницы и 1536х768 px для страницы компании.

Картинка для поста

Загружайте изображение размером 1200×627 px.

При отображении в ленте картинка сожмется до 520х272 px. Если загружать картинки других размеров, горизонтальные сожмутся до 520 px по ширине, а вертикальные — до 510 px по высоте. Пропорции сохранятся.

Картинка к внешним ссылкам

Загружайте изображение размером 1200×627 или 520х272 px. Соотношение сторон должно быть 1,91 к 1. Ширина должна превышать 200 px.

В новом дизайне LinkedIn обложка компании обрезается

При выборе обложки сервис рекомендует загружать картинку 1536х768, а затем беспощадно её обрезает сверху и снизу. На компьютере отображается картинка высотой 220 px, остальное обрезается:

Зачем сервис советует именно 1536х768? Будет красиво при просмотре со смартфона. Поэтому, загружая обложку страницы в LinkedIn, нужно обязательно проверить результат как на компьютере, так и на смартфоне.

ВОДЯНЫЕ ЗНАКИ ИЛИ ВОТЕРМАРКИ

Применение

Водяные знаки нужны, когда вы хотите защитить изображения. Когда это:

1. фотография для фотостоков, которую вы планируете продавать;
2. ценный репортажный кадр, и вы хотите его продать.

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

Источник: iStockPhoto

Источник: Adobe Stock

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

Источник: Google Research Blog

Водяные знаки желательны, если вы хотите добиться популярности бренда:

1. вы фотограф/художник/дизайнер и используете подпись для узнаваемости;
2. это коммерческий кадр, но на нем нет названия компании или продукта.

Есть правила:

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

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

Плохо

Хорошо

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

Отличный пример. Намного лучше вотермарка на фотографии.

Источник: Advizzer

А тут на подложку для торта нанесли еще адрес сайта:

Источник: Instagram/just35sqm

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

Вотермарки могут дополнять плакаты и информировать:

Источник: Facebook/Кафе Счастье

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

ПОИСК И СОЗДАНИЕ ИЗОБРАЖЕНИЙ

Фотостоки

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

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

Тематический фотосток, где можно найти фотографии на спортивную тематику. Есть категории: тренировки, еда и напитки, йога, диеты, фитнес и т. п.

Тематический фотосток, где собраны винтажные фотографии. Найти что-либо определенное на сайте сложно, но есть множество атмосферных кадров из прошлого. Средний размер, в котором можно скачать фотографию — 1200х1200 px.

ВАЖНО: картинки этого фотостока можно свободно использовать только в некоммерческих целях. На сайте указано, что изображениями можно иллюстрировать статью, публикации в СМИ, страницу 404, а также личные некоммерческие проекты.

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

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