Главная › Новости

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

Опубликовано: 27.06.2026

Около 80% покупок на маркетплейсах совершается с телефона. При этом главное фото товара в поисковой выдаче отображается размером примерно 120×160 пикселей. На таком кусочке картинки нужно уместить достаточно информации, чтобы покупатель остановил взгляд и кликнул. Проблема в том, что на компьютерном мониторе это же фото выглядит отлично — и продавец не подозревает, что мобильные пользователи видят совсем другую картину.

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

Что делает фото нечитаемым на мобильном

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

• Мелкий текст. Шрифт 14 пикселей на исходнике превращается в две-три неразличимые точки в превью. Если на фото есть надписи — они должны быть крупными, иначе это пустая трата пространства.
• Слишком много объектов. Композиция из пяти предметов в мобильном превью сливается в единое пятно. Главное фото — это место для одного товара, максимум — с одной значимой деталью.
• Низкий контраст между фоном и товаром. Белый крем на светло-бежевом фоне исчезает полностью. На компьютере разница ещё улавливается, на телефоне — нет.
• Детали вместо общего плана. Крупный план фактуры ткани или текстуры продукта выглядит красиво в полном размере, но в превью не даёт понять, что именно продаётся.
• Водяные знаки и рамки. Любые декоративные элементы съедают и без того скудные пиксели.

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

Простой способ: ручное масштабирование в телефоне

Самый доступный вариант не требует никаких сервисов. Алгоритм предельно простой:

1. Сохранить готовое главное фото на телефон.
2. Открыть любую галерею и включить режим просмотра сеткой (когда на экране видно 4–6 фотографий одновременно).
3. Оценить фото среди других — именно так оно будет выглядеть в выдаче.

Метод рабочий, но субъективный. Глаза привыкнут к картинке через пару секунд, и недостатки перестанут бросаться в глаза. Поэтому для более-менее объективной оценки нужен второй взгляд — показать фото кому-то ещё и спросить: «Что тут изображено?» Если ответ приходит с задержкой или ошибкой — фото не проходит проверку.

Точный способ: масштабирование до реального размера превью

Для тех, кто предпочитает цифры вместо ощущений, есть механический подход. Главное фото в поиске Wildberries на iPhone с дисплеем 6,1 дюйма занимает примерно 120×160 точек. На Android-устройствах с похожим размером экрана цифры сопоставимы.

Порядок действий:

1. Открыть фото в любом редакторе — хоть в стандартном просмотрщике Windows.
2. Масштабировать изображение до ширины 120 пикселей (сохраняя пропорции).
3. Посмотреть на результат в реальном размере — без масштабирования экрана.

То, что получится — это буквально то, что увидит покупатель. Текст, который не читается при 120-пиксельной ширине, не будет прочитан и в выдаче. Детали, которые сливаются — сольются.

Минус метода — приходится делать это вручную для каждого фото, что при большом ассортименте отнимает время.

Автоматизированные способы: сервисы и расширения

Существует несколько категорий инструментов, которые упрощают проверку. У каждого свои компромиссы.

Специализированные сервисы для селлеров

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

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

Браузерные расширения

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

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

Генераторы мокапов

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

Сравнение вариантов: что выбрать

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

Чеклист оценки: на что смотреть после масштабирования

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

1. Узнаваемость категории. За две секунды понятно, что это — крем, футболка, чайник или что-то ещё?
2. Читаемость текста. Если на фото есть слова — они читаются без усилий? Если нет — зачем они там?
3. Различимость товара на фоне. Чёткая граница между объектом и фоном, нет ли слияния по яркости или цвету.
4. Фокус на главном. Взгляд сразу падает на товар, а не блуждает по уголкам в поисках сути.
5. Отличие от соседей. Если поставить это фото рядом с пятью-шестью типичными главными фото из той же категории, будет ли оно выделяться?

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

Частые заблуждения

«Если фото в высоком разрешении, оно будет хорошо выглядеть везде» — нет, разрешение не компенсирует неправильную композицию. Картинка 3000×4000 пикселей при неудачном кадрировании в превью 120×160 покажет ту же кашу, что и фото меньшего размера.

«Нужно добавить побольше текста, чтобы покупатель всё понял» — на мобильном превью любой текст превращается в шум. Информацию лучше доносить через сам визуал: крупный план, понятный ракурс, контекст использования. Текст на главном фото оправдан только в виде крупного логотипа бренда или одной-двух слов, набранных огромным шрифтом.

«Достаточно проверить одно фото из категории, остальные пойдут по тому же шаблону» — разные товары ведут себя по-разному при масштабировании. Тёмный объект на белом фоне и светлый на светлом — это две разные истории. Каждое главное фото проверяется индивидуально.

Когда проверку можно не делать

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

Во всех остальных случаях — при смене фотографа, при изменении дизайна главного слайда, при выходе в новую категорию — проверка обязательна. Стоимость ошибки высока: нечитаемое главное фото снижает CTR карточки на 30–50%, и это при том, что сам товар может быть отличным. Композиции для разных товарных категорий собрала инструкция на Wild-card.ru.

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