Шапка профиля X (Twitter) и визуалы для постов: руководство
Сделайте шапку X размером 1500 x 500 px, не помещая важное в верхние и нижние 60 px, а затем создавайте картинки для постов с теми же шрифтами, цветами и полями, что и в шапке.
Делайте шапку X размером 1500 x 500 px, как рекомендует X, и не размещайте ни слов, ни логотипов в верхних и нижних 60 px, потому что, по словам X, эта полоса может обрезаться на некоторых экранах. Для картинок в постах выбирайте соотношение сторон от 2:1 до 3:4, чтобы одно фото показывалось целиком, и повторяйте шрифт, цвета и поля шапки, чтобы профиль и посты воспринимались как один бренд.
Это руководство о дизайне. Полную таблицу размеров изображений X и обрезки нескольких изображений см. в нашем руководстве по размерам изображений для X. Факты о платформе ниже взяты из Справочного центра X, проверено 5 октября 2026 года. Всё, что названо нашей рекомендацией, это наше мнение, а не правило X.
Какого размера шапка X и что обрезается?
X указывает для шапки, которую он называет также баннером, 1500 x 500 пикселей, то есть 3:1. Страница устранения неполадок добавляет самую важную для дизайна деталь: даже при рекомендованном размере 60 пикселей сверху и снизу могут обрезаться в зависимости от монитора и браузера.
| Элемент | Что говорит X | Источник |
|---|---|---|
| Шапка (баннер) | рекомендуется 1500 x 500 px; JPG, GIF или PNG; анимированные GIF не поддерживаются | Настройка профиля |
| Обрезка шапки | Сверху и снизу может обрезаться до 60 px | Справка о фото профиля |
| Фото профиля | рекомендуется 400 x 400 px; JPG, GIF или PNG; максимум 2 МБ | Справка о фото профиля |
| Описание профиля | максимум 160 символов | Настройка профиля |
| Одно фото в посте | соотношения от 2:1 до 3:4 показываются целиком; фото до 5 МБ; GIF, JPEG или PNG | Публикация фото |
| Описание изображения (alt-текст) | до 1000 символов, доступно всем | Описания изображений |
Справочный центр X не указывает ограничение на размер файла для изображений шапки; цифра 2 МБ дана для фото профиля. В нашем руководстве по размерам изображений для X отмечено, что документация X для разработчиков принимает для постов ещё и WEBP, а страница Справочного центра этот формат не упоминает.
Вот арифметика безопасной области. Если убрать по 60 px сверху и снизу у шапки высотой 500 px, остаётся 380 px, так что безопасная полоса составляет 1500 x 380 px, чуть меньше 4:1. На телефоне шириной около 390 пунктов вся шапка масштабируется в 390 / 1500 = 0,26 раза, и безопасная полоса получается высотой всего около 99 пунктов. Именно в таком пространстве должно уместиться ваше сообщение.
Где размещать текст и логотипы в шапке X?
Внутри средней полосы, подальше от краёв и подальше от фото профиля. X не описывает, где круглое фото профиля перекрывает шапку, и в приложении и в веб-версии это перекрытие различается. Мы рекомендуем оставлять левую нижнюю четверть свободной от всего важного, а после загрузки проверять живой профиль и на телефоне, и на компьютере.
В этом макете заголовок находится в средней полосе и набран кеглем 72 px на холсте 1500 px, что составляет около 19 пунктов на телефоне шириной 390 пунктов (72 x 0,26). Маленькая надпись AURORA над ним всего 6 px, поэтому считайте её фактурой: на экране телефона её никто не прочтёт.
А теперь макет, рассчитанный на квадратный пост и растянутый до шапки:
Чёрная верхняя полоса и зелёная нижняя, вместе со всеми надписями на них, целиком лежат внутри полос по 60 px, которые, по словам X, могут обрезаться. Заголовок уцелеет, а оформление нет. По нашему мнению, это самая частая ошибка с шапками: дизайн, который зависит от своих краёв. Пусть украшения по краям будут необязательными, чтобы их потеря ничего не меняла.
Наши правила для шапки (наша рекомендация, а не правила X):
- Максимум одна строка текста или короткий заголовок в две строки. Объяснять должно описание профиля.
- Текст от 48 px на холсте 1500 px (около 12,5 пункта на телефоне), заголовок от 72 px.
- Ничего важного в верхних 60 px, нижних 60 px и левой нижней четверти.
- Не рисуйте в шапке кнопку с призывом к действию. Она не нажимается, а настоящая ссылка должна стоять в описании профиля или в закреплённом посте.
- Обновляйте шапку, когда меняется кампания, а потом возвращайте прежнюю. Устаревший баннер запуска старит весь профиль.
Как оформлять визуалы для постов в X?
У картинки в посте другая задача, чем у шапки: она конкурирует в ленте, в маленьком размере, рядом с чужими постами. В Справочном центре X сказано, что одно фото с соотношением сторон от 2:1 до 3:4 показывается целиком и что то, что вы видите в редакторе, и будет в ленте. Внутри этого диапазона выбирайте по содержанию:
| Тип поста | Рекомендуемое нами соотношение | Почему |
|---|---|---|
| Анонс, заметки о релизе | 16:9 (1200 x 675 px) | Совпадает с горизонтальной карточкой в ленте и превью ссылок |
| Цитата, цифра, мнение | 1:1 (1080 x 1080 px) | Можно использовать повторно в других сетях |
| Шаг, чек-лист, диаграмма | 4:5 или 3:4 | Более высокий холст вмещает больше строк читаемого размера |
Макет заметок о релизе использует те же шрифт, линии и поля, что и квадратные посты того же бренда, поэтому читается как часть одного семейства. Делайте заголовки постов в две-три строки, а подробности выносите в текст поста.
Каждый раз пишите описание изображения. X позволяет до 1000 символов, сообщает, что описание является единственным гарантированным местом, где изображение описано, и отмечает, что прочесть его может каждый. Если на изображении есть слова, включите их в описание.
Как шапка и посты работают как единая система?
Относитесь к шапке как к обложке вашего профиля, а к постам как к его страницам. Посетитель, который нажал на ваше имя, видит шапку, фото профиля и ваши недавние изображения вместе, поэтому у них должны быть общие составляющие.
| Элемент | Шапка | Визуал для поста |
|---|---|---|
| Шрифт | Фирменный шрифт заголовков | Тот же шрифт и начертания |
| Цвета | Фирменный фон, один акцент | Тот же фон и акцент |
| Поля | Внутри безопасной полосы 1500 x 380 px | Не менее 5 процентов от каждого края |
| Логотип | Необязателен: он уже есть на фото профиля | Маленький, каждый раз в одном углу |
| Объём текста | Одна короткая строка | Заголовок из двух-трёх строк |
| Обновление | С каждой кампанией | Каждый пост, из постоянного шаблона |
В Chikaboom дизайнер один раз создаёт шапку и каждый макет поста с заблокированными правилами, а коллеги лишь заполняют текст, который уменьшается внутри своего блока и не расползается к краям. Попробовать макеты можно в живом демо.
Тот же подход для других сетей описан в нашем центре по дизайну каруселей Instagram, в руководстве по адаптации одного визуала для разных платформ и в материале о том, нужны ли Threads и Bluesky собственные визуалы.
Чек-лист перед обновлением профиля X
- Шапка экспортирована в 1500 x 500 px как JPG или PNG, без анимации.
- Ничего важного в верхних 60 px и нижних 60 px.
- Левая нижняя четверть свободна под фото профиля.
- Текст в шапке от 48 px, заголовок от 72 px.
- Фото профиля 400 x 400 px, до 2 МБ, читается в виде маленького круга.
- Картинки для постов в диапазоне от 2:1 до 3:4, сделаны с теми же шрифтами и цветами, что и шапка.
- Описание изображения у каждой картинки в посте, включая все слова на ней.
- Живой профиль проверен на телефоне и на компьютере после загрузки.
Вопросы и ответы
Какого размера изображение шапки в X?
X рекомендует 1500 x 500 px для шапки (баннера) и 400 x 400 px для фото профиля. В обоих случаях принимаются JPG, GIF или PNG, анимированные GIF не поддерживаются ни там, ни там.
Почему моя шапка в X обрезается?
В Справочном центре X сказано, что даже при рекомендованном размере сверху и снизу может обрезаться до 60 px в зависимости от монитора и браузера. Держите текст и логотипы внутри средних 380 px по высоте.
Где фото профиля перекрывает шапку?
X не описывает это перекрытие. Мы рекомендуем оставлять левую нижнюю область шапки свободной от текста и проверять результат в своём профиле на телефоне и на компьютере.
Должны ли картинки в постах X совпадать с шапкой?
Мы рекомендуем именно так: используйте один шрифт, одни цвета и поля, чтобы посетитель, открывший ваш профиль, видел единый бренд. Форматы у них разные, поэтому каждый делайте из своего шаблона.