Як видалити фон із зображення: повний посібник

Видалення фону колись було оплачуваною роботою. Хтось відкривав графічний редактор, брав інструмент «перо» й обводив об’єкт вручну. На чомусь складному це добра половина години на зображення, а то й більше, якщо в кадрі було волосся, сітчаста панель чи келих для вина. Студії знімали на безшовному білому тлі почасти саме для того, щоб потім нікому не довелося цього обводити.

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

Цей посібник охоплює всю цю роботу в одному місці — як створюється вирізка, що можна поставити позаду неї, де чистий край окупається, що йде не так і чому, і що змінюється, коли ви перестаєте редагувати одне фото й починаєте обробляти каталог. Він написаний для тих, кому потрібне готове зображення: продавців, автосалонів, дизайнерів, шукачів роботи, стримерів і всіх, хто зробив гарне фото в поганій кімнаті. Вирізання й редагування, описані нижче, — це те, що робить remover.bg, у вебзастосунку і в мобільному застосунку; ніщо з цього не вимагає власного десктопного редактора. Решта — як знімати і чого вимагає кожна платформа — за вами.

Як насправді працює видалення фону

Кожне зображення — це сітка пікселів зі значеннями червоного, зеленого і синього. Вирізка додає четвертий канал — альфу, — який зберігає непрозорість від повністю прозорої до повністю непрозорої. Коли ви видаляєте фон, ви нічого не видаляєте. Ви записуєте значення альфи для кожного пікселя в кадрі.

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

Краї, що залишаються жорсткими, передбачувані. Волосся й хутро — класичний випадок, бо голова з волоссям — це тисячі країв одночасно, а більшість пасом тонші за піксель на звичайних роздільностях зйомки; повне пояснення, чому волосся перемагає ручне маскування, варто прочитати, якщо ваші основні об’єкти — портрети чи тварини. Сітка-рабиця, мереживо, лоза, прозора тканина і будь-що з повторюваним відкритим плетінням — це та сама проблема, розмножена по сітці. Прозорі й напівпрозорі об’єкти — окрема категорія, бо «правильна» відповідь тут узагалі не є краєм «так чи ні».

Автомобільне скло заслуговує окремої примітки, бо воно ламає звичну логіку так, що це помічають одразу. Вікно авто прозоре, тож проста вирізка знімає фон усюди, крім вікон, де стара парковка так і залишається на видноті. Саме ця деталь робить аматорські фото автосалонів неправильними на вигляд. remover.bg опрацьовує автомобільне скло автоматично: сцену, видиму крізь вікна, вичищено й замінено на реалістичне тоноване скло, тож авто читається як авто, а не як вікно кудись інде. Виняток — глибоко тоноване скло: заводське приватне скло чи щільна плівка. Якщо людина крізь нього не бачить, воно залишається непрозорим, і це чесний результат.

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

Що можна поставити позаду об’єкта

Сама лише вирізка — це половина результату. Наступне рішення — чим заповнити простір.

Прозорість — нейтральний варіант і найпридатніший для повторного використання. Експортуйте PNG із живим альфа-каналом, і той самий файл ляже на білу вебсторінку, темний слайд чи друкований кухоль без жодних роздумів. Маркетплейси — виняток: більшість із них хоче сплющену білу версію, а не прозорість. Прозорість також найчастіше ламають випадково — сплющення в JPG мовчки заливає її тим, що інструмент використовує як підкладку, зазвичай білим, а іноді чорним, бо в JPG альфа-каналу немає взагалі. Якщо прозорість постійно зникає десь між вашим редактором і завантаженням, гайд про прозорий PNG показує, де саме вона зазвичай тече.

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

Фотографічний фон переносить об’єкт зовсім в інше місце — у кімнату, на вулицю, на студійний фон. Це варіант, у якому реалістичність треба заслужити. Напрямок світла у вирізці й напрямок світла в новій сцені мають приблизно збігатися, а висота камери — мати сенс.

Реалістична тінь — це те, що продає цей збіг. Вирізка без тіні висить у повітрі; вирізка з м’якою, правильно спрямованою тінню стоїть на поверхні. Додавання регульованої тіні в редакторі забирає секунди й робить для правдоподібності більше, ніж будь-який інший окремий крок.

Щодо форматів файлів: WebP працює і на вході, і на виході, тож WebP просто з сучасного телефона чи CMS не потребує конвертації перед завантаженням, а на виході WebP можна отримати для вебу. Подробиці про WebP на вході й виході охоплюють і редактор, і бік API.

Де чиста вирізка окупається

Техніка всюди однакова. Відрізняється правило, яке ви намагаєтеся виконати.

Маркетплейси й товарні оголошення

Майже кожен великий маркетплейс має письмовий стандарт для головного зображення, і фон — та частина, яку контролюють найсуворіше. Amazon вимагає чистий білий і певне заповнення кадру; повні вимоги Amazon до головного зображення — це те, з чим більшість продавців стикається першим. eBay, Etsy, Walmart і Google вимірюють кожен щось своє, тому фото, яке пройшло на одній платформі, може бути відхилене на наступній — шпаргалка з вимогами різних маркетплейсів зводить суперечливі цифри поряд. Заміна фону — це те, що дозволяє одній зйомці обслужити їх усі.

Автомобілі, транспорт і запчастини

Оголошення автосалонів і маркетплейсів живуть або вмирають через однорідність: сорок авто, знятих на чотирьох різних майданчиках, читаються як чотири різні продавці. Вирізати авто й покласти його на один фон виправляє це масово, а обробка вікон, яка робить автомобільні вирізки правдоподібними, — саме та частина, яку ручне маскування майже ніколи не робить правильно. У продавців запчастин протилежна проблема — темний масний метал, знятий на верстаку, — і фото для оголошень про вживані автозапчастини розповідають, як тримати головний кадр чистим, не приховуючи пошкоджень, які покупці мають бачити.

Портрети, профілі й фото на документи

Фото профілю — це зазвичай гарне обличчя не в тому місці. Заміна кімнати на просте тло — це весь монтаж, і створення професійного фото профілю вдома є десятихвилинною версією студійної зйомки, тоді як правила фото для резюме описують, чого рекрутери очікують від того самого кадру.

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

Дизайн, друк і презентації

Вирізки — базова одиниця макета. Логотип без фону лягає на будь-який колір, який кине вам клієнт, а видалення фону з логотипа — коротка версія цієї роботи. У друку є додаткове правило: прозорість має пережити завантаження, а роздільність — витримати фізичний розмір, і саме про це підготовка зображень для print-on-demand для футболок, кухлів і постерів.

Соцмережі, прев’ю та стікери

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

Повсякденні правки й робота з телефона

Чимало видалень фону взагалі не призначені для платформи — це одне фото, одна краща версія. Заміна фону на будь-якому фото описує двокроковий процес і те, як підібрати тло, яке не виглядає наліпленим. А оскільки більшість фотографій ніколи не потрапляє на ноутбук, видалення фону на телефоні варто прочитати заради того, що вбудовані інструменти iPhone і Android роблять добре і де вони вичерпуються.

Що йде не так і чому

Більшість поганих вирізок псується одним із кількох способів, і в кожного є причина, на яку можна вплинути.

• Білий або кольоровий ореол навколо об’єкта. Крайові пікселі зберегли частину кольору старого фону. Найпомітніше це тоді, коли об’єкт, знятий на яскравому тлі, кладуть на темне. Зйомка на тлі, ближчому до об’єкта за яскравістю й кольором — замість вибіленої білої стіни за темним товаром, — залишає в цих крайових пікселях значно менше старого фону.
• Зниклі пальці, ручки, лямки й антени. Тонкі структури, що збігаються за тоном із фоном, — перше, що втрачає будь-яка модель. Зміна ракурсу на півкроку, яка ставить лямку на контрастну ділянку, зазвичай повертає її.
• Стара сцена, досі видима крізь прозорий об’єкт. Для автомобільних вікон це опрацьовується автоматично. Для скляних пляшок, банок і вітрин це відкрита проблема, бо «правильна» відповідь залежить від того, чи хочете ви бачити кімнату крізь скло — свідома зйомка скляних і дзеркальних товарів є виправленням вище за течією.
• Дзеркальні товари, що вбирають у себе кімнату. Хром, дзеркала й поліровані прикраси відтворюють усе, що було навколо них, включно з вами і вашим телефоном. Жодна вирізка не прибирає відображення; воно або зникає на зйомці, або не зникає взагалі.
• М’які, розмиті краї на зображеннях низької роздільності. Модель не може вигадати деталі, які ніколи не були зняті. Вирізка з маленького, сильно стисненого зображення матиме м’який край, і подальше збільшення результату нічого не поверне. Завантажуйте найбільший оригінал, який маєте; копія, що повернулася з месенджера, вже викинула ту деталь, якої потребує край.

Тихіший спосіб зіпсувати все — надмірне редагування. Слоти головних зображень відхиляють додані бейджі, рамки й рекламний текст — правила Google Shopping щодо зображень прямо говорять про рамки й накладений текст, а чому водяні знаки коштують вам більше, ніж захищають описує, на що ви йдете, коли штампуєте логотип поверх власного товару. Покупці також повертають речі, які на фото виглядали чистішими, ніж у коробці. Чистий фон — це покращення читабельності, а не дозвіл прикрашати товар.

Від одного зображення до цілого каталогу

Разове редагування — це людина, браузер або телефон і кілька секунд на зображення. Це масштабується далі, ніж люди очікують: повний набір оголошень для невеликої крамниці — це один день по обіді, і більшість того часу йде на зйомку і вибір, а не на вирізки.

Ламає це повторюваність: те саме редагування, той самий фон, той самий експорт для кожного нового товару, що потрапляє в каталог. Екрана масового завантаження для цього немає. Пакетна робота йде через HTTP API, який приймає зображення й повертає вирізку, тож крок видалення живе всередині скрипта чи конвеєра, а не є завданням, яке хтось має пам’ятати. Обробка цілого каталогу через API описує поширені схеми інтеграції — під час завантаження, як нічне завдання чи вбудовано в наявну систему керування товарною інформацією — разом із вибірковим контролем якості, який тримає кілька тисяч вирізок чесними.

Дві практичні примітки для цього етапу. Зберігайте оригінали: вирізка є похідною, і вам захочеться перезапустити її, коли платформа змінить свої правила. І перевіряйте вихід вибірково, а не довіряйте йому оптом — фіксований відсоток, переглянутий очима, ловить ту категорію товарів, де якість краю падає, ще до того, як увесь каталог опиниться онлайн.

Підсумок

Видалення фону перестало бути важкою частиною роботи. Залишається судження: обрати прозорість замість суцільного кольору, підігнати новий фон до світла, яке у вас уже є, додати тінь, щоб ніщо не висіло в повітрі, і прочитати правила платформи перед завантаженням, а не після відхилення. Почніть із найгіршого фото — того, де волосся, сітчастий паркан чи фон, який неможливо перезняти, — бо саме воно скаже вам, як виглядатиме решта вашого каталогу.