Дисклеймер
Этот кейс описан на основе реального проекта, но изменена ниша и не раскрывается сайт клиента по условиям NDA.
Суть задачи и ход работ сохранены.
Задача
Во время разработки сайта-каталога раритетных автомобилей мы столкнулись с очевидной проблемой: все изображения для превью каталога выглядят по-разному.
Основные дефекты и различия:
- Низкое качество, шум, пыль
- Освещение
- Фон и лишние объекты
- Кадрирование
На странице каталога это превращалось в хаос. Карточки не выглядели системно, глаз постоянно спотыкался. Нужно было сделать так, чтобы каталог выглядел как единый продукт.
Для этого мы выбрали стиль line art.
За счёт этого:
- Список станет ровным и предсказуемым
- Объекты будут читаться быстрее
- Исчезнет ощущение «разнобоя»
Следующая проблема — количество изображений, около 3000 штук. Отрисовывать такое вручную даже не рассматривали всерьёз. Если брать очень аккуратную оценку: на одну машину ушло бы минимум 1–2 часа работы дизайнера, чтобы выдержать стиль и детализацию.
А 3000 автомобилей — это уже эквивалент: 3000 - 6000 ч ручной работы.
Это месяцы работы одного человека, что очень долго, дорого и неадекватно задаче. А главное — всё равно сложно гарантировать, что стиль не «поплывёт».
Поэтому мы, конечно же, решили автоматизировать эту задачу через ИИ.
Work smarter, not harder
—Allen F. Morgenstern
Решение проблемы
Мы собрали пайплайн в ComfyUI и развернули его на нашем локальном сервере с видеокартой Nvidia TESLA A100 80GB, при цене 300 ₽/час.
В качестве основной генеративной модели использовали FLUX.2.
Пайплайн состоял из следующих шагов:
- Пакетная загрузка изображений из папки на нашем сервере
- Приведение их к одному числу пикселей
- Затем изображение попадает в составную ноду, в которой в работу вступает FLUX.2 и генерирует line art версию картинки на основе специально подобранного промта, в котором:
- Задана стилистика line art
- Описано кадрирование — по центру с воздухом до краёв
- Учтено, что не должно быть лишних объектов
- Задано отсутствие теней, свечений
- Описано как должна выглядеть линия
- Далее изображения приводятся к единому разрешению
- Накладывается маска на черный цвет фона и удаляется вместе с ним
- Изображение выгружается в формате PNG с прозрачным фоном
В итоге получился стабильный, предсказуемый результат.
После генерации изображение уже было готово к использованию: PNG с прозрачным фоном, в хорошем качестве, в едином стиле. Дополнительная ручная доработка не потребовалась.
Обработка одной фотографии занимает около 5 минут, против 1-2 часов в ручную. Сама настройка и доводка пайплайна заняли 2 часа.
Примеры генерации
Ниже представлены примеры генерации для изображений с различными недочетами (наклон объекта, плохое кадрирование, низкое качество)
Эффект автоматизации в цифрах
Ниже представлены цифры без учёта неопределённых расходов на менеджмент и согласование, если бы эту задачу выполнял человек, а не ИИ
2735
Изображений обработано
5 000 000 ₽
Сэкономлено на отрисовке
2 ч
На пайплайн
5 мин
На изображение
230 ч
На всю задачу
Подведём итоги
После внедрения превью в стиле line art каталог начал выглядеть как единый продукт:
- Карточки перестали «конфликтовать» между собой
- Стало проще сканировать список
- Форма автомобиля читается сразу, без отвлечения на фон и качество фото
- Добавление новых объектов больше не ломает интерфейс
Любая новая фотография проходит через тот же пайплайн и становится частью общей системы. И главное — клиент получил решение, которое экономит десятки и сотни часов при росте каталога.
* Пакетная line art обработка — лишь одна из наших услуг.
Стилистика и количество изображений могут быть совершенно разными в зависимости от вашей задачи.