Создание прозрачного фона

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

Чем отличается инструмент «Создание прозрачного фона»

Как сделать фон прозрачным

1. Откройте изображение: перетащите JPG, PNG или WebP в область загрузки, нажмите её, чтобы выбрать файл, или вставьте изображение сочетанием Ctrl+V. Изображение обрабатывается в браузере и никуда не загружается.
2. Дождитесь сканирования допуска: инструмент определит цвет границы, обработает изображение при семнадцати значениях допуска и найдёт рекомендуемый порог по кривой покрытия. Нажмите любую миниатюру, чтобы попробовать другое значение.
3. Проверьте результат на разных фонах: посмотрите на него на белом, сером, чёрном и фирменном фоне. Ореол, незаметный на шахматном фоне, сразу виден на чёрном.
4. Очистите контур: увеличьте сужение края на один пиксель, чтобы убрать остаточное кольцо фона после сжатия JPEG. Оставьте включённым удаление оттенка фона, чтобы смешанные пиксели по краям потеряли исходный оттенок.
5. Скачайте прозрачный PNG: выберите PNG или WebP, включите «Обрезать пустые края», если нужно обрезать файл по объекту, и скачайте его в исходном разрешении.

Почему появляется ореол и как его убрать

Пиксель на контуре объекта не бывает одного цвета. Камера усредняет всё, что попало в него, поэтому он представляет собой смесь — например, 60% куртки и 40% белой стены. При удалении фона ему присваивается частичная прозрачность, и это правильно, но цвет пикселя остаётся смешанным. На тёмной шапке сайта остаточный белый цвет выглядит как свечение.

Удаление оттенка фона выполняется математически. Если пиксель — это смесь переднего плана fg и фона bg в пропорции α, то pixel = α · fg + (1 − α) · bg. Нужный цвет переднего плана вычисляется так:

fg = ( pixel − (1 − α) × bg ) ÷ α

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

Как подобрать допуск вручную

Допуск измеряет расстояние в CIE Lab — цветовом пространстве, в котором одинаковые числовые интервалы соответствуют одинаково заметным различиям. Человек обычно замечает разницу примерно в 2,3 единицы, поэтому приведённые ниже значения намного больше, чем могут показаться. Сравнение в Lab, а не в исходном RGB, помогает одному и тому же значению одинаково работать на тёмном и светлом фоне.

Когда нужен прозрачный PNG

• Объявления на торговых площадках: Amazon, Etsy и eBay требуют, чтобы товар был изолирован от фона. Прозрачный PNG легко поместить на белый шаблон площадки или на собственный сайт с тёмным оформлением.
• Логотипы: логотип в JPG на белом фоне нельзя использовать на цветной шапке сайта. Один раз удалите белый фон и сохраните PNG как исходник.
• Подписи: сфотографируйте подпись на бумаге, удалите бумажный фон — и получите изображение, которое можно поставить на договор без белого прямоугольника.
• Слайды и миниатюры: вырезанные люди и предметы, перекрывающие текст, помогают оформить слайд или видеоролик, а не просто разместить объекты поверх него.
• Наклейки и печать: контурные наклейки и DTF-переносы используют альфа-канал, поэтому плотный край после сужения задаёт линию реза.

Как получить чистую вырезку

• Выбирайте образец фона подальше от объекта. Пиксели в двух-трёх пикселях от контура уже смешаны, поэтому образец в этом месте даст инструменту неверный цвет.
• Добавляйте образцы, а не увеличивайте допуск. Три образца с допуском 25 точнее выделят неровную стену, чем один образец с допуском 60, при котором начнут исчезать кожа и тени.
• Ищите пятна в режиме альфа-маски. Отверстия внутри объекта видны чёрными точками на белой маске ещё до того, как их можно заметить на изображении.
• Включайте режим связанных с границей областей для белого на белом. Он оставляет прозрачной только область, соединённую с краем кадра, поэтому белая рубашка или внутренняя часть белой кружки сохраняются.
• Оценивайте результат на чёрном фоне. Шахматный фон в среднем серый и скрывает именно ту светлую кайму, которую вы ищете.

Кратко о форматах

Конфиденциальность

Декодирование, удаление фона, создание маски и повторное кодирование происходят в браузере через API canvas в HTML5. Данные изображения не передаются miniwebtool или третьим лицам, не сохраняются, а страница продолжает работать без подключения к интернету. Это важно для файлов, которые чаще всего нужно вырезать: фотографий ещё не выпущенных товаров, сканов подписей и документов, удостоверяющих личность.

Часто задаваемые вопросы

Как сделать белый фон прозрачным?

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

Какой допуск выбрать?

Пусть его подберёт сканирование. Инструмент обрабатывает изображение при семнадцати значениях допуска и строит график прозрачности. На одноцветном фоне кривая выходит на плато, когда фон уже удалён, но объект ещё не растворяется; рекомендуемым становится значение в начале плато. Для ориентира: допуск 10–20 подходит для ровного белого студийного фона или снимка экрана, 25–40 — для окрашенной стены с мягкими тенями, 30–45 — для зелёного или синего хромакея.

Почему на тёмном фоне вокруг вырезанного объекта виден белый ореол?

Пиксели по контуру смешаны с фоном, поэтому после его удаления в них остаётся белый цвет; сжатие JPEG расширяет это кольцо. Исправить его помогают два параметра. Удаление оттенка фона восстанавливает фон в каждом частично прозрачном пикселе по формуле fg = (pixel - (1 - alpha) * background) / alpha, где alpha — степень непрозрачности пикселя. Сужение края эродирует альфа-канал на один-два пикселя и отбрасывает загрязнённое кольцо целиком. Это более сильный из двух способов. Проверяйте, исчез ли ореол, на чёрном фоне.

Какой формат сохраняет прозрачность: PNG или WebP?

Оба формата. PNG хранит полноценный 8-битный альфа-канал и лучше всего подходит для логотипов, печатных файлов и изображений, которые вы будете редактировать повторно. WebP без потерь сохраняет тот же альфа-канал, но файл получается примерно на 25–35 процентов меньше; этот формат поддерживают все современные браузеры. В JPG альфа-канала нет, поэтому прозрачные области вырезанного изображения сохраняются сплошным белым цветом.

Можно ли удалить сложный или фотографический фон?

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

Мои изображения загружаются на сервер?

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