Стартовали новые рейтинги digital-подрядчиковУспейте принять участие! Предварительные результаты.
ЦЦЭТ
Разработка сервиса по удалению фона и созданию карточек товаров ACETONE.AI
ЦЦЭТ
#Сайт под ключ

Разработка сервиса по удалению фона и созданию карточек товаров ACETONE.AI

92 
ЦЦЭТ Россия, Краснодар
Поделиться:
Разработка сервиса по удалению фона и созданию карточек товаров ACETONE.AI
Клиент

ООО "АЦЕТОН СОФТ"

Сфера

Услуги

Регион

Россия

Тип сайта

Порталы и сервисы

Сдано

Сентябрь 2023

Задача

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

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

Решение

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

1Удаление фона и поддержка API

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

После разработки MVP и первых успешных тестов стало понятно, что проект может с легкостью вырасти в конкурентноспособный коммерческий сервис, о котором дальше и пойдет речь. Название подобрали тоже говорящее - ACETONE.AI.

Удаление по API - вещь очень полезная, но рассчитана на разработчиков. А сперва нам нужно было предоставить возможность удалить фон любому посетителю вне зависимости от его уровня владения ПК. Для этого был разработан простой web-интерфейс с формой загрузки изображения и небольшим редактором полученного результата.

Не забыли и профессионалов - отдельно отметим, что, вероятно, мы до сих пор единственные на рынке, кто сохраняет в скачиваемом файле (доступно для формата .png) исходное изображение полностью, добавляя маску только в альфа-слой. При необходимости вы можете открыть файл в графическом редакторе и самостоятельно доработать маску под ваши нужды. Мы говорим "НЕТ" потерянным пикселям - только не с нами!

2Удаление объектов

Часто возникает потребность не только изменить фон изображения, но и удалить ненужные объекты. Это позволяет сделать фото более привлекательным и профессиональным. ACETONE.AI, например, предлагает простое и эффективное решение этой задачи в 3 простых шага:

- загружаете изображение;

- в открывшемся редакторе выделяете кистью лишний объект;

- запускаете обработку и через несколько секунд получаете результат.

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

Интерфейс работы с файлами разработали максимально понятный - схожий с тем, который пользователь видит каждый день на своем ПК. Хотите - перетащите изображения из файлового проводника вашей операционной системы прямо в окно браузера. Или скопируйте файлы - как в редакторе, так и на Рабочем столе доступна вставка графики из буфера обмена (будь это только что созданный скриншот, или скопированное изображение с соседней вкладки). А ненужные в данный момент изображения можете отправить в корзину, чтобы окончательное решение по ним принять позднее.

3Массовая обработка

Были разработаны и внедрены такие режимы пакетной обработки как:

1. Удаление фона.

Выделите необходимые изображения и выберите в контекстном меню пункт "Удалить фон";

2. Наложение фона.

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

3. Наложение водяного знака.

Выбираете логотип и его позиционирование, при желании - уровень непрозрачности и отступы. Десятки обработок в минуту - и ваш контент защищен.

4. Изменение размеров.

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

5. Автоматическая цветокоррекция. Нейросеть умеет спасать неудачные фотографии, подобрав оптимальные настройки цветового профиля, гаммы и контраста.

6. Скачивание выбранных файлов архивом с выбором формата изображений и степени их сжатия.

4Блог

С помощью блога мы регулярно публикуем информацию о новинках в сфере обработки изображений с помощью нейросетей. А также делимся знаниями о различных техниках редактирования, от простых решений в 1 клик до сложных манипуляций. Это помогает нашим пользователям освоить новые навыки и ускорить получение конечного результата с помощью сервиса ACETONE.AI.

Результат

С учетом популярности площадок по продаже товаров мы проделали большую работу и не так давно выпустили большое обновление - новый редактор, заточенный на создание карточек этих товаров. Мы назвали этот раздел "Дизайны".

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

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

Если вы работаете со слоем, который хотите увидеть в заднем плане - вы можете в 2 клика вписать его в размер холста одним из трех способов. А если нужно удалить фон - это доступно в один клик.

Присутствуют и текстовые слои с поддержкой форматирования и различные векторные фигуры для создания крутой инфографики. Есть и сложные фигуры вроде настраиваемой сноски - будет полезно при создании мемов.

Все слои можно перетаскивать прямо в нужную точку на холсте.

А сейчас мы находимся на стадии тестирования функционала по генерации фонов для карточек товаров. Функционал станет доступен уже в ближайших обновлениях наряду с новым переработанным дизайном!

Комментарий агентства

Сергей И
Сергей И

Frontend-разработчик

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

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

Несмотря на то, что была разработана система внутренней валюты (кредитов) и система платных подписок, сервис продолжает начислять ежедневные бесплатные кредиты, чтобы у пользователей была возможность попробовать основной функционал без оплаты.

https://acetone.ai

Стек технологий

  • JavaScript JavaScript Язык программирования
  • Python Python Язык программирования
  • FastAPI FastAPI Фреймворк/библиотека
  • Vue.js Vue.js Фреймворк/библиотека
  • PostgreSQL PostgreSQL База данных

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

ЦЦЭТ с удовольствием обсудит вашу задачу

Оставить заявку