Какой размер текста на карточке товара читается с телефона
Опубликовано: 26.06.2026
Мобильный трафик в маркетплейсах давно превысил десктопный. При этом большинство продавцов всё ещё верстают главные слайды карточек так, будто их будут разглядывать на мониторе. Беглый взгляд на любую категорию Wildberries или Ozon подтверждает: мелкий текст на иллюстрациях — массовая проблема. Покупатель просто пролистывает такие товары, даже не вчитываясь.
Разберёмся, какие размеры шрифта реально различимы на экране смартфона и как выстроить иерархию, чтобы ключевые сообщения доходили до аудитории.
Физика экрана и почему 12 пикселей — это провал
Диагональ среднего смартфона — 6,3–6,7 дюйма. Пиксельная плотность обычно лежит в диапазоне 400–460 ppi. На таком экране текст высотой 12 px физически занимает меньше миллиметра. Чтобы его прочитать, приходится прищуриваться, а если держать телефон на расстоянии вытянутой руки — различить буквы невозможно вовсе.
Пользователь не будет это делать. Карточка товара на маркетплейсе — это не статья на блоге, где человек готов потерпеть неудобства ради интересного контента. Это витрина, и у покупателя есть десятки альтернатив в соседних строках ленты.
Минимальный порог читаемости для основного текста на мобильном — 16 px. Это база, от которой стоит отталкиваться при проектировании слайда. Но для карточки товара этот размер подходит разве что для сносок и юридических формулировок.
Иерархия размеров на главном слайде
Главный слайд — это первое, что видит человек. У него есть примерно полторы секунды, чтобы решить: кликнуть или пролистать дальше. Текст здесь не читают — его сканируют. Поэтому иерархия должна быть жёсткой и очевидной.
Название и бренд
Крупный заголовок — от 32 до 48 px в зависимости от длины фразы. Если название длинное, размер придётся уменьшить, но опускаться ниже 24 px не стоит. Бренд можно набрать мельче, если он узнаваем по логотипу, но для новых марок лучше выровнять его по размеру с основным заголовком или сделать лишь на ступень меньше.
УТП и ключевое преимущество
Строка, которая продаёт: «100% хлопок», «Без сахара», «Год гарантии». Оптимальный диапазон — 22–28 px. Этот текст должен считываться за долю секунды, пока палец уже тянется к карточке.
Второстепенные детали
Состав, размеры в наличии, страна производства. Здесь допустимы 16–18 px. Этот блок не обязан цеплять с первого взгляда — его прочитают те, кто уже кликнул на карточку и рассматривает слайд в увеличенном виде.
Мелкий шрифт
Сертификаты, артикулы, обязательные плашки «Не является лекарственным средством». 12–14 px, и только при условии, что этот текст не несёт коммерческой нагрузки. Если же важная информация набрана таким кеглем — она для покупателя не существует.
Контраст и начертание — не менее важны, чем кегль
Светло-серый текст на белом фоне при 20 px читается хуже, чем белый на тёмно-синем при 16 px. Контраст между цветом шрифта и фоном критически влияет на восприятие размера. Рекомендуемый коэффициент контрастности WCAG для обычного текста — 4.5:1. На практике это означает, что светлые оттенки серого на светлых подложках нужно исключить полностью.
Начертание шрифта тоже вносит коррективы. Тонкие гарнитуры (Light, Thin) визуально выглядят мельче, чем их фактический кегль. Для карточки товара оптимальны Regular и Medium. Жирный (Bold) стоит беречь для заголовков и акцентов — если набрать им весь текст, иерархия разрушится, и слайд превратится в серое пятно. Критерии выбора гарнитуры, которая не распадается после сжатия, перечисляет подробный разбор.
Типичные ошибки при верстке карточек
- Перегрузка слайда. Попытка уместить на один экран все характеристики, состав, сертификаты и отзывы. Итог — всё мелкое, ничего не читается.
- Текст поверх сложного фона. Фотография товара с наложенным прямо на неё белым текстом без подложки. Даже при крупном размере буквы теряются на пересекающихся контурах.
- Вертикальный текст. Повёрнутая на 90 градусов фраза выглядит стильно на презентации в формате 16:9. На вертикальном экране телефона она превращается в узкую полосу, которую не прочитать без поворота устройства — а большинство пользователей так не делают.
- Декоративные шрифты для основного текста. Каллиграфия, готика, рукописные стили — всё это работает только в заголовке и только если бренд напрямую связан с эстетикой. Для характеристик и УТП такие гарнитуры нечитаемы.
- Игнорирование безопасных зон. Текст, расположенный вплотную к краю слайда, на некоторых устройствах обрезается системными элементами интерфейса маркетплейса.
Как проверить карточку до загрузки
Простой и надёжный способ — открыть макет на телефоне. Не на мониторе в режиме предпросмотра мобильной версии, а именно на реальном устройстве. Отправить себе картинку в мессенджер, открыть в полноэкранном режиме и посмотреть с расстояния 25–30 см — именно так большинство людей держат телефон.
Дополнительная проверка — размытие. Если слегка расфокусировать взгляд на слайде, должны считываться заголовок и главное преимущество. Если всё сливается в однородное пятно — иерархия не работает.
Ещё один приём — скриншот карточки конкурента, которая нравится по читаемости, и наложение вашего макета поверх с прозрачностью. Это помогает быстро оценить, не проигрываете ли вы в визуальном весе текста.
Внутренние слайды — другие правила
Если главный слайд — это реклама на бегущей ленте, то внутренние слайды карточки рассматривают осознанно. Покупатель уже кликнул, он заинтересован. Здесь допускается более мелкий текст: 14–16 px для описаний, инструкций, подробных характеристик. Но и здесь не стоит опускаться ниже 12 px, а ключевые пункты лучше выделять крупнее.
Инфографика на внутренних слайдах работает особенно хорошо, когда каждый блок сопровождается краткой подписью 18–20 px. Длинные абзацы на иллюстрациях не читают ни на одном экране — для развёрнутых описаний есть текстовое описание карточки ниже.
Практическая шпаргалка по размерам
| Элемент | Размер на главном слайде | Размер на внутренних слайдах |
|---|---|---|
| Заголовок / название | 24–48 px | 20–28 px |
| УТП и ключевые выгоды | 22–28 px | 18–22 px |
| Характеристики, состав | 16–18 px | 14–16 px |
| Сноски, юридические формулировки | 12–14 px | 12 px |
Эти цифры не являются догмой — конкретный размер всегда зависит от длины текста, выбранной гарнитуры и цветового решения. Но они дают ориентир, от которого можно отталкиваться при верстке и который убережёт от самой частой ошибки — сделать красивый, но нечитаемый макет.
Карточка товара на маркетплейсе функционирует в агрессивной визуальной среде. Покупатель пролистывает десятки позиций в минуту. Если текст на главном слайде не считывается мгновенно — карточка теряет потенциальный клик, и никакая качественная фотография или выверенное описание это не компенсируют. Читаемость на мобильном — не эстетический вопрос, а вопрос конверсии.