Удаление фона изображений онлайн (AI BiRefNet)

Удаление фона с изображений: AI и инструмент JS

Чтобы убрать фон с фотографии, не обязательно открывать сложный графический редактор и вручную обводить каждый контур. В FillTools есть два способа обработки изображений: автоматическое удаление фона с помощью нейросети BiRefNet и классический алгоритм на JavaScript, который работает непосредственно в браузере.

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

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

Чем отличаются режимы AI и JS

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

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

AI-удаление фона с помощью BiRefNet

Режим AI использует нейросетевую модель BiRefNet-general (ONNX). Вместо поиска одного фонового цвета модель анализирует изображение в целом и формирует маску, которая определяет, какие участки относятся к переднему плану, а какие должны стать прозрачными.

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

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

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

Для AI-обработки файл передается на сервер, где выполняется инференс ONNX-модели. После получения ответа дальнейшая корректировка маски происходит на клиенте. По предусмотренной схеме сервис не сохраняет исходный файл после завершения запроса. Для работы требуется интернет-соединение, а повторные AI-запросы ограничены установленным лимитом.

Классическое удаление фона в браузере с помощью JS

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

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

В JS-режиме предусмотрено два способа определения фонового цвета.

Выделение фона от краев изображения

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

Такой принцип называется заливкой смежной области, или flood fill. Он полезен, когда нужно убрать фон вокруг объекта, но не задеть похожие по цвету детали внутри него, если они не соединены с внешним фоном.

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

Выделение с помощью пипетки

Когда вы выбираете цвет пипеткой, алгоритм переходит к принципу chroma key. Прозрачными становятся все пиксели, цвет которых достаточно близок к выбранному, независимо от того, где именно они расположены на изображении.

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

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

Возможности редактора маски

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

• Кисть. Используйте ее для ручной корректировки маски. Размер кисти можно менять в зависимости от того, нужно ли исправить мелкую деталь или обработать большую область.
• Ластик. Убирайте лишние видимые фрагменты, которые остались после автоматического выделения или настройки чувствительности.
• Восстановление. Верните части изображения, которые ошибочно стали прозрачными. Это особенно полезно для тонких элементов, краев предметов и деталей одежды.
• Порог маски. Для AI-результата настройте границу между видимыми и прозрачными участками. Изменение порога может убрать остатки фона, но слишком агрессивная настройка способна повлиять и на тонкие детали объекта.
• Мягкость краев. Сглаживайте переходы между объектом и прозрачной областью, если контур выглядит слишком резким. Для графики с четкими границами, наоборот, может быть уместен более жесткий край.
• Инвертирование маски. Поменяйте местами видимые и прозрачные участки, если нужно оставить фон, а сам объект сделать прозрачным.
• Замена фона. Оставьте прозрачный фон или выберите белый, черный или другой цвет для готового изображения.
• Обрезка прозрачных полей. Уберите пустое пространство вокруг объекта, чтобы PNG было удобнее использовать в макетах, каталогах и других материалах.
• Масштабирование. Увеличивайте изображение для более точной работы с контурами, а затем уменьшайте масштаб, чтобы оценить результат полностью.
• История изменений. Отменяйте или повторяйте действия во время редактирования, не начиная весь процесс заново.

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

Для каких задач подойдет инструмент

Фотографии товаров для интернет-магазинов

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

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

Логотипы, иконки и диаграммы

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

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

Дизайн сайтов и рекламных материалов

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

Для фотографий людей и предметов со сложными контурами стоит попробовать AI. Для скриншотов интерфейсов, пиктограмм и графических элементов с однотонным фоном чаще уместен JS. После обработки можно сохранить прозрачный PNG и использовать его в Figma, Photoshop или другом редакторе.

Контент для социальных сетей

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

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

Как удалить фон с фотографии

1. Загрузите изображение. Нажмите «Выбрать файл» и добавьте нужную фотографию. Для AI-обработки файл будет передан на сервер, тогда как JS-режим обрабатывает изображение локально в браузере.
2. Выберите режим. Включите AI для фотографий со сложным фоном, людей, товаров и волос. Выберите JS для однотонного фона, иконок, диаграмм или скриншотов.
3. Нажмите «Удалить фон». В режиме AI дождитесь ответа сервера. В режиме JS настройте чувствительность, а при необходимости воспользуйтесь пипеткой, чтобы выбрать цвет для удаления.
4. Проверьте маску. Убедитесь, что нужные части объекта остались видимыми, а лишний фон стал прозрачным. Увеличьте изображение, если нужно рассмотреть мелкие детали.
5. Исправьте недостатки. Воспользуйтесь кистью, ластиком или восстановлением. Для AI можно дополнительно настроить порог и мягкость краев.
6. Выберите фон и сохраните результат. Оставьте прозрачность или установите нужный цвет. При необходимости обрежьте пустые поля и загрузите готовый PNG.

Как получить лучший результат

Лучший способ обработки зависит от того, как именно выглядит изображение. Если фон однородный, а границы объекта четкие, начните с JS. Если фотография содержит волосы, мех, сложное освещение или много мелких деталей, попробуйте AI. Не нужно использовать нейросеть для каждого файла, иногда простой алгоритм по цвету дает более чистый результат.

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

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

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

Выберите нужный способ и продолжайте работу

Удаление фона не всегда требует одинакового подхода. Нейросеть BiRefNet помогает отделять объекты на сложных фотографиях, тогда как классический JS-алгоритм позволяет быстро убрать однотонный фон без передачи изображения на сервер.

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

AI-режим требует интернет-соединения и имеет ограничение частоты запросов, один запрос на 60 секунд для одного пользователя. JS-обработка не использует этот AI-лимит, поскольку выполняется в браузере.