Видалення фону зображень онлайн (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-ліміт, оскільки виконується у браузері.