Минимальный размер шрифта для графики в соцсетях

На социальной графике шириной 1080 px наш минимум составляет 40 px для любого текста, который читатель должен понять, и 32 px для всего остального: это примерно 14,4 и 11,6 CSS-пикселя, когда пост занимает экран телефона шириной 390 пунктов. Ни одна соцсеть не публикует минимальный размер шрифта для картинок, поэтому это наши собственные числа, построенные на минимуме Apple в 11 pt для iOS и на арифметике уменьшения картинки 1080 px до телефона.

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

Существует ли официальный минимальный размер шрифта для соцсетей?

Нет. Платформы публикуют размеры картинок и ограничения на файлы, и на страницах справки LinkedIn, Instagram, X и Threads, которые мы проверили 5 октября 2026 года, мы не нашли наименьшего размера текста для изображений. Ближайшие официальные числа дают руководства по интерфейсам и стандарты доступности:

• Рекомендации Apple по типографике называют 17 pt размером по умолчанию и 11 pt минимальным размером текста в iOS и iPadOS. На той же странице советуют избегать начертаний Ultralight, Thin и Light, которые плохо различимы в малых размерах.
• WCAG вообще не задаёт минимальный размер. Его критерий контраста требует 4.5:1 ниже 18 pt (или 14 pt жирным) и 3:1 выше, и уточняет, что в CSS эти размеры примерно равны 24 px и 18.5 px. Он распространяется и на изображения текста, а социальная графика как раз такое изображение.

11 pt от Apple написаны для живого интерфейсного текста, который люди могут увеличить. Текст, впечатанный в PNG, читатель увеличить не может, и именно поэтому мы считаем 11 pt абсолютным нижним пределом, а не целью.

Как перевести пиксели холста в размеры на телефоне?

Три шага, с одним телефоном в качестве эталона. У iPhone 16 дисплей шириной 1179 px, и он рисует 3 физических пикселя на пункт, то есть его ширина 1179 / 3 = 393 пункта. Мы округляем это до 390 пунктов как эталонной ширины. Наше рабочее допущение: CSS-пиксель в браузере телефона равен одному пункту, так что здесь эти единицы взаимозаменяемы.

1. Коэффициент масштаба. Пост 1080 px, занимающий экран в 390 пунктов, масштабируется с коэффициентом 390 / 1080 = 0.361.
2. Пикселей на пункт. В обратную сторону: 1 пункт = 1080 / 390 = 2.77 px холста.
3. Минимум Apple на вашем холсте. 11 pt x 2.77 = 30.5 px холста.

Эти 30.5 px верны только тогда, когда картинка идёт от края до края. Многие ленты показывают картинку уже экрана: рядом с колонкой аватара или внутри полей. Для таких лент возьмём в качестве рабочего допущения картинку шириной около 300 пунктов: коэффициент падает до 300 / 1080 = 0.278, 1 пункт превращается в 3.6 px холста, а 11 pt от Apple становятся 11 x 3.6 = 39.6 px. Округлите вверх, и получится наше правило 40 px для важного текста.

Размер на холсте 1080 px	Во всю ширину, 390 pt (x 0.361)	Лента с полями, 300 pt (x 0.278)	Наш вердикт
110 px	39.7	30.6	Заголовок
72 px	26.0	20.0	Самый мелкий заголовок, который мы рекомендуем
48 px	17.3	13.3	Комфортный вспомогательный текст
40 px	14.4	11.1	Минимум для текста, который должны прочитать
32 px	11.6	8.9	Только подписи, хендлы, номера страниц
24 px	8.7	6.7	Слишком мелко для чего-либо важного
20 px	7.2	5.6	Декор

Средние колонки даны в CSS px, которые мы приравниваем к пунктам. Каждое число в таблице посчитано нами самими.

Как минимум меняется с размером холста?

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

Холст	Показан в	Px холста на пункт	11 pt в px холста	Наш минимум для важного текста
Пост 1080 px (1:1, 4:5, 9:16)	390 pt во всю ширину	2.77	30.5	40 px (ленты с полями)
Пост 1080 px	300 pt с полями	3.60	39.6	40 px
Горизонтальная картинка или реклама 1200 px	300 pt с полями	4.00	44.0	44 px
Шапка X 1500 px	390 pt во всю ширину	3.85	42.3	48 px
Вертикальная реклама 720 px	300 pt с полями	2.40	26.4	26 px

Вот почему размер шрифта, скопированный из одного формата в другой, ломается. Подпись 32 px, которая нормально смотрится на рекламе 720 px, слишком мала для шапки 1500 px. О самой шапке читайте в гиде по шапке и визуалам постов в X; о рекламе в гиде по дизайну одиночной рекламной картинки для LinkedIn.

Что происходит с размером шрифта, когда текст становится длиннее?

Шаблон с фиксированными текстовыми блоками должен что-то делать, когда слова не помещаются. Наш рендерер уменьшает шрифт шаг за шагом до нижнего предела, который задал дизайнер, и только потом обрезает текст. Вот один шаблон цитаты из нашего демо-бренда AURORA с тремя вариантами длины текста. Цитата начинается с 72 px, имеет нижний предел 44 px и допускает шесть строк; размеры ниже считаны из вывода рендерера.

42 символа: цитата остаётся на 72 px, примерно 26 пунктов во всю ширину телефона.

159 символов: шрифт падает до 60 px, примерно 21,7 пункта.

190 символов: 50 px, примерно 18 пунктов во всю ширину или 13,9 в ленте с полями. Даже на нижнем пределе 44 px цитата осталась бы выше нашего правила 40 px, в этом и смысл установить предел именно там. Предел на 26 px позволил бы тому же шаблону незаметно опуститься ниже всего, что телефон способен нормально показать.

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

Как эти размеры выглядят при ширине телефона?

Ниже длинная цитата показана при ширине 390 CSS px, то есть в той ширине, которую она получает, заполняя экран типичного iPhone. На мониторе компьютера CSS-пиксель физически крупнее, чем на телефоне, поэтому откройте эту страницу на телефоне, чтобы оценить картинку в истинном размере.

А вот вертикальный пост, у которого вспомогательная строка зафиксирована на 24 px: сначала в полном размере, затем при 390 CSS px.

При 390 px строка в 24 px равна 8,7 пункта, а надзаголовок 13 px в плашке меньше 5. Заголовок выживает, детали нет. Это типичная ошибка: никто не делает заголовок слишком мелким, слишком мелкой делают вторую строку.

Как заложить минимумы в шаблон?

Наш чек-лист для тех, кто строит шаблоны:

• Задайте нижний предел для каждого текстового блока: 72 px для заголовков, 40 px для всего важного, 32 px для подписей, на холсте 1080 px.
• Масштабируйте эти пределы по ширине холста с помощью таблицы выше, а не на глаз.
• Ограничьте число символов так, чтобы самый длинный допустимый текст оставался на пределе или выше него.
• Тестируйте самый длинный текст, а не образец, и смотрите на него при ширине 390 px.
• Не используйте светлые начертания ни для чего мельче 48 px.
• Проверяйте контраст на каждой мелкой строке; в нашем гиде по цветовому контрасту есть коэффициенты WCAG.
• Держите мелкий текст не только выше предела, но и внутри безопасных зон; см. безопасные зоны Stories и Reels.
• Повторяйте всё важное в подписи и в alt-тексте, ведь картинку в ленте никто не может приблизить.

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