ФиксИнтернет-магазин на 1С-Битрикс под ключ за 30 дней по фиксированной цене

Распознавание товара по фото для быстрого поиска

Распознавание товара по фото для быстрого поиска в магазине на 1С-Битрикс

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

Эта статья — о том, как внедрить распознавание товара по фото в интернет-магазине на 1С-Битрикс: как это устроено, стоит ли писать свою модель, как подготовить каталог и изображения, где разместить кнопку и что показывать, когда точного совпадения нет. И сразу главный трезвый тезис: визуальный поиск начинается не с ИИ, а с порядка в фотоконтенте. Навести этот порядок помогает аудит и оптимизация 1С и данных каталога.

Коротко

  • Визуальный поиск сопоставляет фото покупателя с изображениями каталога и выдаёт похожие товары.
  • Свою модель писать почти не нужно — подключается внешний сервис по API.
  • Точность держится на качестве и единообразии фото товаров, а не на «магии ИИ».
  • Результат — это список похожих с сортировкой по близости, а не одно точное совпадение.

Зачем поиск по фото

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

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

Как это работает: от фото к товару

Механика визуального поиска проста на уровне идеи. Сервис компьютерного зрения переводит каждое изображение в набор числовых признаков — «вектор». Фото покупателя тоже превращается в вектор, а затем система ищет в каталоге товары, чьи векторы ближе всего к нему. Результат — список похожих, отсортированный по близости.

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

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

Своя модель или внешний сервис

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

КритерийВнешний сервис по APIСвоя модель
СтартБыстро, после подготовки фотоДолго, нужен датасет
СтоимостьОплата за использованиеВысокие вложения в разработку
ТочностьГотовая, обучена на больших данныхЗависит от вашего датасета
ПоддержкаНа стороне вендораВаша команда
Когда оправданаПочти всегда на стартеОчень крупный специфичный каталог

Роль сайта на 1С-Битрикс в обоих случаях одна: хранить каталог и изображения, отдавать их сервису и красиво показывать результаты. Тяжёлое распознавание живёт снаружи.

Изображения и свойства в инфоблоках

Каталог в 1С-Битрикс хранит изображения в инфоблоках: основное фото — детальная картинка товара, дополнительные ракурсы — в свойстве типа «файл». Для визуального поиска сервису обычно передают URL этих изображений или их идентификаторы, чтобы он построил векторы и сопоставлял с ними запросы.

Заведение и обновление фотоконтента — часть контент-процесса каталога, который логично автоматизировать вместе с обменом. Систематизацию карточек и данных мы закрываем услугой автоматизации на 1С.

Качество фото решает всё

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

Сначала фото, потом ИИ: нет смысла подключать распознавание к каталогу с разнобоем снимков «кто как сфотографировал». Приведите фото к единому виду — фон, ракурс, кадрирование — и качество визуального поиска вырастет само.

Требования к фотографиям — отдельная большая тема: единый фон, ракурсы, размеры, соотношение сторон. Мы разбираем её подробно в статье про единые требования к фото товаров для всей витрины. Именно эта дисциплина — фундамент под любой визуальный поиск.

Интеграция сервиса распознавания

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

Ключевые вопросы те же, что для любой интеграции: аутентификация, тайм-ауты, поведение при сбое сервиса и синхронизация каталога (новые и изменённые товары нужно переиндексировать). Если сервис недоступен, кнопка визуального поиска должна корректно предлагать обычный поиск, а не «зависать». Практики безопасной работы с внешними API мы описывали в статье про безопасность REST и вебхуков в 1С-Битрикс.

UX: где кнопка поиска по фото

Визуальный поиск бесполезен, если его не видно. Кнопку размещают там, где покупатель ищет:

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

Когда точного совпадения нет

Поскольку визуальный поиск возвращает похожее, а не идентичное, обработка «неточных» результатов — важная часть UX. Показывайте выдачу как «похожие товары», а не обещайте «нашли ровно это». Если близких результатов нет вовсе, честно об этом скажите и предложите альтернативу.

Мобильный сценарий и камера

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

Как и с любой «тяжёлой» функцией, важно не уронить скорость каталога. Само распознавание идёт на стороне сервиса, а на клиенте — только загрузка фото и вывод результатов. Основная скорость витрины держится на кэше и правильной инфраструктуре BitrixVM, а визуальный поиск подключается поверх, не мешая композитному кэшу карточек.

Частые ошибки

Чек-лист внедрения

  1. Фото приведены к стандарту. Единый фон, ракурсы и кадрирование по всей витрине.
  2. Каталог полон. У товаров есть качественные изображения, участвующие в поиске.
  3. Сервис подключён. Каталог проиндексирован, векторы построены, интеграция устойчива к сбоям.
  4. Синхронизация настроена. Новые и изменённые фото переиндексируются автоматически.
  5. UX выверен. Иконка камеры в поиске, прогресс загрузки, выдача как каталог.
  6. Обработка «нет совпадений». Честный заголовок и запасной путь на обычный поиск.
  7. Мобильный сценарий. Камера и галерея, асинхронная загрузка, никакого блокирования.
  8. Пилот измерен. Точность и конверсия проверены на реальных запросах до масштабирования.

Вывод

Распознавание товара по фото — сильный способ завести в каталог тех, у кого есть картинка, но нет слов. Технически это доступно почти любому магазину на 1С-Битрикс через внешний сервис по API, без собственной нейросети. Но качество визуального поиска определяет не выбор вендора, а порядок в фотоконтенте: единые, чистые, полные изображения каталога.

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

Частые вопросы

Нужно ли обучать свою модель распознавания?

Почти никогда на старте. Своя модель компьютерного зрения — дорого и требует большого размеченного датасета. Практичнее подключить внешний сервис визуального поиска по API: он уже обучен и возвращает похожие товары по загруженному фото. Магазин на 1С-Битрикс здесь отвечает за каталог, изображения и вывод результатов, а тяжёлое распознавание остаётся на стороне сервиса.

Как визуальный поиск связан с качеством фото товаров?

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

Где хранить изображения товаров в 1С-Битрикс для визуального поиска?

Изображения ведутся в свойствах инфоблока: основное фото (детальная картинка) и дополнительные — в свойстве типа «файл». Для распознавания сервису обычно передают URL этих изображений или их идентификаторы. Важно, чтобы у каждого товара были качественные фото в одном стандарте и чтобы они обновлялись при изменении карточки.

Что показывать, если точного совпадения нет?

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

Как визуальный поиск работает на мобильных?

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

Тормозит ли визуальный поиск сайт?

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

Подходит ли визуальный поиск для B2B-каталога?

Да, особенно для запчастей, комплектующих и товаров, которые проще сфотографировать, чем описать словами. Закупщик снимает деталь и находит аналог в каталоге. Но для B2B визуальный поиск обычно дополняет, а не заменяет точный поиск по артикулу и коду 1С — когда код известен, он быстрее фото. Лучшие каталоги дают оба сценария.

С чего начать внедрение визуального поиска?

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

Поделиться:

Хотите добавить поиск товара по фото?

Подготовим фотоконтент, настроим обмен с 1С и интеграцию сервиса распознавания. Рассчитаем работу под ваш каталог.

Аудит и оптимизация 1С

Игорь Воскресенский

Команда B2Bsite. С 2014 года разрабатываем интернет-магазины на 1С-Битрикс: наводим порядок в каталоге и фотоконтенте, внедряем визуальный поиск и интеграции внешних сервисов.

← Все статьи блога