Обложки хайлайтов Instagram в стиле вашего бренда

Обложки хайлайтов соответствуют бренду, когда каждая обложка в ряду использует один общий стиль: тот же фон, тот же акцентный цвет и одно слово или иконку по центру, размер которых позволяет читать их в маленьком круге. Проектируйте каждую обложку как квадрат 1080 x 1080 px, держите все внутри центрального круга и давайте каждому хайлайту название из одного-двух коротких слов.

Instagram не публикует размер обложки хайлайта, поэтому размеры ниже взяты из наших собственных измерений и помечены соответствующим образом. Описание поведения платформы ведет на Справочный центр Instagram, проверенный 5 октября 2026 года. Хайлайты стоят прямо над вашей сеткой, поэтому они относятся к тому же плану, что и посты; наш гид по дизайну каруселей Instagram служит хабом этого плана.

Что такое хайлайты Instagram и где показывается обложка?

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

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

Какого размера должна быть обложка хайлайта?

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

Наше измерение: 5 октября 2026 года мы открыли публичный профиль на instagram.com в настольном браузере шириной 1 024 px. Каждая обложка хайлайта отображалась кругом 77 x 77 CSS-пикселей. Изображение за ним было квадратом 150 x 150 px, обрезанным страницей до круга. Приложения для телефонов мы не измеряли.

Параметр	Значение	Источник
Форма обложки	Круг, вырезанный из квадрата	Наше измерение на instagram.com
Размер отображения на сайте	77 px в диаметре при окне 1 024 px	Наше измерение
Файл изображения, который загрузил сайт	150 x 150 px	Наше измерение
Размер для проектирования	1080 x 1080 px	Наша рекомендация
Безопасная зона	Круг внутри квадрата, около 1 080 px в диаметре	Наша рекомендация
Размер слова или иконки	Около половины ширины круга	Наша рекомендация

Зачем проектировать в 1080 px, если сайт загружает 150 px? Наши соображения: экраны телефонов и приложения могут загружать версии крупнее, чем сайт, а большой четкий исходник уменьшается чисто. Углы вашего квадрата никогда не видны, поэтому считайте их пустыми.

Как выглядит брендовый набор обложек?

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

Те же четыре обложки в 77 px, размере, который мы измерили на сайте Instagram:

Что мы поняли, делая их: при 77 px четыре-пять букв являются пределом, после которого слово становится трудно читать, а слово стоит чуть левее центра, потому что шаблон выравнивает текст по левому краю. Если бы мы делали отдельный шаблон для обложек, мы бы центрировали слово и оставили больше места по бокам. Повторяющаяся полоса делает основную работу по узнаваемости бренда: еще до того, как вы прочитаете слово, ряд выглядит как единый набор.

Иконки или слова: какой стиль обложки выбрать?

Стиль	Подходит, когда	На что обратить внимание (наша рекомендация)
Одно слово	Темы абстрактные, например «Пресса» или «Карьера»	Держите около 5 букв жирным начертанием
Линейная иконка	У темы есть знакомый всем символ, например вопросительный знак или календарь	Тонкие линии исчезают при 77 px; используйте жирный штрих
Только сплошной цвет	Вы полагаетесь на название хайлайта под кругом	Все обложки выглядят одинаково; используйте свой цвет для каждой темы
Кадрированное фото	Суть в людях, местах или продуктах	Насыщенные фото превращаются в кашу в маленьком круге
Число или монограмма	Серия, например «Часть 1» или «Эпизод 2»	Имеет смысл только внутри серии

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

Какой контраст нужен обложке?

Instagram не задает правила, поэтому мы заимствуем правило веба. WCAG 2.2 требует не менее 3:1 контраста для графических объектов, нужных для понимания контента, например иконки, и не менее 4,5:1 для обычного текста и 3:1 для крупного текста. Обложка хайлайта не веб-страница, но при 77 px все на ней мелкое, поэтому наша рекомендация: считать 4,5:1 минимумом и для слова, и для иконки.

На практике: темные буквы на светлом фоне или белые на самом темном цвете бренда. Избегайте пастели на пастели и градиентов там, где иконка переходит из светлой области в темную.

Как называть и упорядочивать хайлайты?

• Используйте одно-два коротких слова в названии, в одном регистре по всему ряду.
• Ставьте хайлайт, который нужен новому посетителю первым (например, «О нас» или «Начните здесь»), слева.
• Оставляйте в ряду только темы, которые обновляете. Хайлайт, последний раз тронутый два года назад, говорит посетителям, что аккаунт затих.
• При обложках со словами делайте название совпадающим со словом на обложке, чтобы посетители никогда не видели две разные подписи у одного хайлайта.

Как обложки связаны с историями и сеткой?

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

Обложки также стоят прямо над вашей сеткой, поэтому выбирайте фон обложки из той же палитры, что и паттерн сетки. Наш гид по планированию сетки объясняет паттерны и вытянутые плитки 3:4.

Как сохранить единство набора обложек в команде?

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

Чеклист обложек хайлайтов

• Один стиль для каждой обложки: тот же фон, акцент и шрифт.
• Спроектированы в 1080 x 1080 px, все внутри центрального круга.
• Одно слово примерно из 5 букв или меньше, либо одна жирная иконка, шириной около половины круга.
• Контраст не менее 4,5:1 между словом или иконкой и фоном (наш минимум).
• Названия из одного-двух коротких слов, самый полезный хайлайт первым.
• Проверено при 77 px перед публикацией.