Видалення фону із зображення

Товар, знятий на білому фоні студії, логотип на однотонній підкладці, кадр перед зеленим екраном — усе це об’єднує одне: фон складається з однієї, більш-менш рівномірної кольорової плями. Саме для таких зображень і зроблено цей інструмент. Натискаєте на колір, і він зникає з усього зображення, залишаючи прозорий PNG.

Що відбувається під капотом

Тут немає розпізнавання об’єктів — лише порівняння кольорів. Клацнувши по пікселю, ви задаєте еталонний колір; далі кожен піксель зображення перевіряється на те, наскільки він близький до цього еталону. Наскільки близько — вирішує повзунок толерантності: вище значення захоплює ширший діапазон відтінків.

Саме тому цей підхід чудово працює на однотонному фоні й погано — на всьому іншому. Якщо фон має градієнт, візерунок, або колір об’єкта зливається з кольором фону (наприклад, світле волосся на бежевій стіні), результат вийде дірявим чи неохайним. Це не помилка застосунку, а межа самого методу: він не “розуміє”, що таке об’єкт, він лише зіставляє кольори.

Куди йде ваше зображення? Нікуди

Читання пікселів, обчислення кольорової відстані, згладжування країв — усе це відбувається в елементі <canvas> прямо у вкладці вашого браузера. У цього інструмента немає сервера, тож зображенню просто нема куди йти. Перевірити це можна самостійно: відкрийте інструменти розробника (F12), перейдіть на вкладку “Мережа” й обробіть зображення — жодного запиту ви не побачите.

Як користуватись

1. Завантажте зображення у форматі PNG, JPG або WEBP.
2. Натисніть на потрібний колір фону прямо на зображенні.
3. Відрегулюйте толерантність, доки фон повністю не зникне, а сам об’єкт залишиться цілим.
4. За потреби додайте невелику розтушовку країв, щоб зріз не виглядав зубчастим.
5. Завантажте результат як PNG — це єдиний формат, що зберігає прозорість. Якщо зберегти як JPG, прозора область автоматично заповниться білим або чорним кольором.

Де це стає в пригоді

Прозорий PNG потрібен для товарних карток на маркетплейсах на кшталт eBay чи Etsy, де часто вимагається білий або прозорий фон; для логотипа, який без білого прямокутника навколо природно лягає на будь-який колір слайду чи сайту; та для стікерів у месенджерах, де прозорі краї — обов’язкова умова, інакше стікер виглядає як квадратна наклейка.

Питання, які часто виникають