Как удалить фон с изображения: полное руководство

Удаление фона когда-то было оплачиваемой работой. Человек открывал графический редактор, брал перо и обводил объект вручную. На чём-нибудь сложном это добрых полчаса на изображение, а если в кадре были волосы, сетчатая панель или бокал вина — то и дольше. Студии снимали на бесшовном белом отчасти для того, чтобы потом никому не пришлось это обводить.

Тот процесс почти исчез. Современное удаление фона — это модель, которая смотрит на изображение и предсказывает для каждого пикселя кадра, насколько он принадлежит объекту. Она работает за секунды, не устаёт и не халтурит на четырёхсотом снимке и справляется с теми краями, которые раньше съедали больше всего времени. Интересная работа сместилась дальше по цепочке: решить, что должно быть за объектом, сохранить правдоподобный свет и уложиться в те правила по пикселям, которых требует площадка, куда вы загружаете.

Этот гид собирает всю задачу в одном месте: как получается вырезка, что можно поставить за ней, где чистый край окупается, что идёт не так и почему, и что меняется, когда вы перестаёте обрабатывать одну фотографию и начинаете обрабатывать каталог. Он написан для тех, кому нужен готовый результат: продавцов, автосалонов, дизайнеров, соискателей, стримеров и всех, кто сделал хороший снимок в плохой комнате. Вырезка и редактирование, о которых ниже, — это то, что делает remover.bg, в веб-приложении и в мобильном; ничего из этого не требует настольного редактора. Остальное — как снимать и чего требует каждая площадка — на вас.

Как на самом деле работает удаление фона

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

Наивная версия этого — двоичная: пиксель либо объект, либо фон, внутри или снаружи. Для чехла телефона на столе этого хватит. Всё рушится в тот момент, когда пиксель действительно наполовину объект и наполовину фон: внешний край пряди волос, промежуток между нитями вязаного свитера, ворс на теннисном мяче, смаз на кадре с лёгкой шевелёнкой. Таким пикселям нужны промежуточные значения. Их получение называется маттингом, и именно в нём главная разница между вырезкой, которая выглядит естественно, и вырезкой с жёстким краем, будто вырубленным формочкой для печенья.

Какие края остаются трудными — предсказуемо. Волосы и шерсть — классический случай: голова с причёской это тысячи краёв одновременно, и большинство волосков при обычном разрешении съёмки тоньше пикселя; полное объяснение, почему волосы побеждают ручное маскирование, стоит прочесть, если ваши главные сюжеты — портреты или питомцы. Сетка-рабица, кружево, плетение, полупрозрачные ткани и всё с повторяющимся открытым переплетением — та же задача, только решёткой. Прозрачные и полупрозрачные предметы — отдельная категория, потому что «правильный» ответ здесь вообще не бинарный край.

Автомобильное стекло заслуживает отдельной оговорки, потому что ломает привычную логику так, что это замечают сразу. Окно машины прозрачно, поэтому обычная вырезка убирает фон везде, кроме окон, где старая парковка так и остаётся на виду. Именно эта деталь делает любительские фотографии автосалонов неправильными. remover.bg обрабатывает автомобильное остекление автоматически: сцена, видимая сквозь окна, вычищается и заменяется реалистичным тонированным стеклом, так что машина читается как машина, а не как окно куда-то ещё. Исключение — глухая тонировка: заводское затемнённое стекло или плотная плёнка; если человек сквозь него не видит, оно остаётся непрозрачным, и это честный результат.

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

Что можно поставить за объектом

Вырезка сама по себе — только половина результата. Следующее решение: чем заполнить пустоту.

Прозрачность — нейтральный вариант и самый универсальный. Экспортируйте PNG с живым альфа-каналом, и один и тот же файл без раздумий ляжет на белую веб-страницу, тёмный слайд или напечатанную кружку. Исключение — маркетплейсы: большинству из них нужна сведённая белая версия, а не прозрачность. Прозрачность же чаще всего и ломают по неосторожности: сведение в JPG молча заливает её тем, что редактор использует как подложку, — обычно белым, иногда чёрным, потому что у JPG альфа-канала нет вовсе. Если прозрачность у вас постоянно теряется между редактором и загрузкой, гид по прозрачным PNG разбирает, где именно она обычно утекает.

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

Фотографический фон переносит объект совсем в другое место — комнату, улицу, студийную циклораму. Здесь реализм придётся заслужить. Направление света в вырезке и направление света в новой сцене должны примерно совпадать, а высота камеры — иметь смысл.

Реалистичная тень — то, что продаёт это совпадение. Вырезка без тени парит; вырезка с мягкой, правильно направленной тенью стоит на поверхности. Добавить регулируемую тень в редакторе — дело секунд, и для правдоподобия это даёт больше, чем любой другой отдельный шаг.

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

Где чистая вырезка окупается

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

Маркетплейсы и карточки товаров

Почти у каждого крупного маркетплейса есть письменный стандарт на главное изображение, и фон — та часть, которую соблюдают строже всего. Amazon требует чистый белый и определённое заполнение кадра; полные требования Amazon к главному изображению — то, на что продавцы натыкаются первыми. eBay, Etsy, Walmart и Google меряют каждый своё, поэтому фотография, прошедшая на одной площадке, может быть отклонена на следующей: шпаргалка по требованиям маркетплейсов кладёт противоречивые цифры рядом. Подмена фона — как раз то, что позволяет одной съёмке обслужить их все.

Машины, техника и запчасти

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

Портреты, аватары и фото на документы

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

Официальные документы — исключение из всего вышесказанного. Правило касается не только того, как выглядит фотография (простой светлый фон, ровный свет, никакой тени за головой), но и того, как она сделана: паспортные службы требуют неотредактированный снимок и отклоняют фон, заменённый или отретушированный в программе, включая края, которые выглядят вырезанными. Используйте замену фона, чтобы увидеть, к чему стремитесь, а потом снимите настоящий кадр у однотонной стены. Как сделать фото на паспорт дома разбирает требования и то, где домашние попытки заворачивают.

Дизайн, печать и презентации

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

Соцсети, превью и стикеры

Форматы контента вознаграждают силуэты. Лицо, вырезанное из фона и положенное на плоский цвет, читается в размере превью так, как никогда не прочитается сырой кадр из видео; формула превью для YouTube построена ровно на этом. Та же вырезка, обрезанная плотнее, становится стикером для чата: как превратить фотографии в наборы стикеров для WhatsApp и Telegram — пятиминутная версия, а эмоуты и оверлеи для стримов — та же работа в меньшем размере.

Бытовые правки и работа с телефона

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

Что идёт не так и почему

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

• Белый или цветной ореол вокруг объекта. Краевые пиксели сохранили часть цвета старого фона. Заметнее всего это, когда объект, снятый на светлом фоне, кладут на тёмный. Съёмка на фоне, более близком к объекту по яркости и цвету, — вместо выбеленной белой стены за тёмным товаром — оставляет в этих краевых пикселях гораздо меньше старого фона.
• Пропавшие пальцы, ручки, лямки и антенны. Тонкие структуры, совпадающие по тону с фоном, — первое, что теряет любая модель. Полшага смены ракурса, чтобы лямка оказалась на контрастном участке, обычно возвращают её.
• Старая сцена, всё ещё видимая сквозь прозрачный предмет. Для автомобильных стёкол это решается автоматически. Для стеклянных бутылок, банок и витрин это открытая задача, потому что «правильный» ответ зависит от того, хотите ли вы видеть комнату сквозь стекло, — осознанная съёмка стеклянных и зеркальных товаров и есть решение на входе.
• Зеркальные товары, которые ловят комнату. Хром, зеркала и полированные украшения воспроизводят всё, что было вокруг, включая вас и ваш телефон. Никакая вырезка не убирает отражение: оно решается на съёмке или не решается вовсе.
• Мягкие, размытые края на снимках низкого разрешения. Модель не может выдумать детали, которых никогда не было. Вырезка из маленького, сильно сжатого изображения будет с мягким краем, и увеличение результата потом ничего не вернёт. Загружайте самый большой оригинал, какой у вас есть; копия, вернувшаяся из мессенджера, уже выбросила ту детализацию, которая нужна краю.

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

От одного изображения к целому каталогу

Разовая обработка — это человек, браузер или телефон и несколько секунд на снимок. Масштабируется это дальше, чем принято думать: полный набор карточек для небольшого магазина — дело одного вечера, и большая часть этого вечера уходит на съёмку и выбор, а не на вырезки.

Ломает всё повторяемость: одна и та же правка, один и тот же фон, один и тот же экспорт для каждого нового товара, попадающего в каталог. Экрана массовой загрузки для этого нет. Пакетная работа идёт через HTTP API, который принимает изображение и возвращает вырезку, так что шаг удаления фона живёт внутри скрипта или конвейера, а не в списке дел, о котором кто-то должен вспомнить. Обработка целого каталога через API разбирает типовые схемы интеграции — при загрузке, ночной задачей или встроенно в существующую систему управления товарной информацией — вместе с выборочным контролем качества, который держит несколько тысяч вырезок в честном виде.

Две практические заметки для этого этапа. Храните оригиналы: вырезка — производная, и вам захочется прогнать её заново, когда площадка поменяет правила. И проверяйте результат выборочно, а не доверяйте всему подряд: фиксированный процент, просмотренный глазами, ловит ту категорию товаров, где качество края проседает, до того, как весь каталог окажется в продаже.

Вывод

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