Сделать фон прозрачным

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

Что на самом деле получается, когда фон делают прозрачным

Прозрачность в файле изображения — это не отсутствие пикселей, а четвёртое число, которое хранится рядом с красным, зелёным и синим у каждого пикселя и называется альфой: от 0 (невидимо) до 255 (плотно). Эта страница создаёт такой канал. Она локально запускает в вашем браузере модель сегментации, чтобы для каждого пикселя решить, какая его часть относится к объекту, а какая к фону, уточняет границу, чтобы край не нёс на себе ободок старого цвета фона, и записывает результат в PNG с настоящим альфа-каналом. От обычной кнопки вырезания эту страницу отличает всё, что происходит после выреза. Результат кладётся на подложку, которую можно менять: шахматка, белая, чёрная, синяя и янтарная. Эти пять — не украшение. Шахматка — общепринятый способ показывать прозрачность, но для её оценки это худшая из возможных поверхностей, потому что она среднесерая, и в ней растворяются и светлый, и тёмный ореол. Светлая кайма видна только на чёрном, тёмная — только на белом, поэтому переключение между этими двумя и есть самая быстрая надёжная проверка. Ниже три числа показывают реальную гистограмму альфы: доля пикселей с альфой 4 и ниже, которые в любом просмотрщике читаются как полностью очищенные; доля с альфой 251 и выше, то есть плотные; и всё между ними — мягкая полоса. Эти числа отвечают на два разных вопроса. Если доля очищенного равна нулю, фон не найден и вы собираетесь скачать обычную непрозрачную картинку. Если мягкая полоса велика — примерно за двумя процентами кадра она перестаёт быть правдоподобным сглаженным контуром, а за шестью почти наверняка является полупрозрачной плёнкой поверх фона, — вырез мутный, а не чистый. Честные ограничения — это ограничения модели: у стекла, дыма, воды и смаза движения просто нет настоящей границы, объект того же цвета, что и фон, потеряет часть себя, и никакое уточнение края не вернёт детали, которых камера никогда не разрешила.

Почему вам нужна именно прозрачность

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

Настоящий попиксельный альфа-канал, а не белый фон
Переключатель подложек, который показывает ореолы, скрываемые шахматкой
Точная доля очищенных, полупрозрачных и плотных пикселей, измеренная по результату
Экспорт в PNG с исправленным расширением, чтобы дальше по цепочке никто не был введён в заблуждение

Как сделать фон прозрачным и убедиться в этом

Сам вырез — это один клик. Времени заслуживает последующая проверка, ради которой и существуют подложки и числа.

1

Загрузите JPG или PNG — только при первом запуске на ваше устройство скачивается модель сегментации, это занимает от 10 до 30 секунд

2

Нажмите «Сделать прозрачным» и дождитесь окончания индикатора выполнения

3

Переключите подложку на белую, затем на чёрную и пройдитесь взглядом по контуру объекта в поисках ободка старого фона в обе стороны

4

Убедитесь, что доля очищенного больше нуля, и скачайте прозрачный PNG

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

Нет, и стоит понимать почему, а не просто принять это на веру. У формата JPG три канала и нет четвёртого, поэтому в файле негде записать, что пиксель просвечивает. Если попросить браузер закодировать изображение с альфой в JPG, он не предупредит: он сначала наложит прозрачные области на сплошную заливку, причём заливка будет чёрной, а не белой, — и вырезанный объект вернётся на чёрном прямоугольнике с тёмной каймой по краю. Именно поэтому здесь скачивание жёстко закреплено за PNG, а расширение имени файла переписывается соответственно. Если вам действительно нужен однотонный фон, сведите изображение осознанно на выбранный вами цвет, а не позволяйте кодеру выбрать его за вас.
Ничего не сломалось: модель просто не нашла фона, который можно отделить. Так бывает, когда объект занимает весь кадр, когда изображение представляет собой плоскую графику или скриншот без признаков глубины или когда объект и фон настолько близки по цвету и фактуре, что границу обнаружить невозможно. Результат — корректный PNG, просто непрозрачный, и вести себя он будет ровно как оригинал, куда бы вы его ни поместили. Попробуйте кадрировать так, чтобы вокруг объекта был виден фон, или возьмите изображение с большим разделением между ними.
Меньше примерно двух процентов всего изображения — это чистый вырез. Настоящий сглаженный контур имеет ширину всего в один-два пикселя, поэтому на любой реальной фотографии он занимает совсем малую долю кадра. От двух до шести процентов нормально для волос, меха или объекта в мягком фокусе, где граница действительно постепенная. Выше шести процентов мягкая полоса уже вовсе не контур — это полупрозрачная плёнка, размазанная по тому, что должно было стать полностью очищенным фоном, и обычно она берётся из тёмного или сильно фактурного оригинала. Чёрная подложка выявляет такую плёнку мгновенно.
Это цвет фона, уцелевший в краевых пикселях. Так происходит потому, что пиксель на границе — настоящая физическая смесь объекта и фона, и при удалении фона часть его цвета остаётся впечатанной. Инструмент уже выполняет проход, который оценивает локальный цвет фона и вычитает его из таких пикселей, убирая бо́льшую часть, но яркий фон за тёмным объектом — самый сложный случай, и какой-то ободок может остаться. Эффективнее всего снимать или подбирать объект на фоне, который контрастирует с ним не так резко; если это невозможно, небольшая обрезка или ручная зачистка края в полноценном редакторе доведёт дело до конца.
Нет. WebP, AVIF, GIF и TIFF так или иначе несут прозрачность, а WebP при том же качестве дал бы файл меньше. Эта страница экспортирует именно PNG, потому что это единственный формат, который без оговорок читают все браузеры, все системные просмотрщики, все офисные пакеты и все дизайн-инструменты, — а прозрачному ассету обычно приходится пройти через многие из них. GIF стоит упомянуть как исключение, которое кажется вариантом, но им не является: его прозрачность — это один флаг «да/нет» на пиксель без промежуточных значений, поэтому любой мягкий край превращается в жёсткий и зазубренный.
Да, все они корректно читают альфу PNG, и изображение ляжет на фон слайда или холста без всякой подложки. Два места, где прозрачность обычно теряется, — это шаги конвертации, а не сами приложения: экспорт в JPG на любом этапе сводит её безвозвратно, а некоторые старые способы экспорта в PDF сводят прозрачность на белое. Если логотип, который на экране выглядел правильно, печатается с белой коробкой, почти всегда виноват именно этот шаг сведения, а не исходный файл.
Потому что сжатие PNG работает без потерь, а JPG — с потерями. Фотография на пару сотен килобайт в JPG легко превращается в несколько мегабайт в PNG, ведь PNG хранит каждый пиксель точно, а не отбрасывает детали, которых глаз обычно не замечает. Альфа-канал добавляет своё, будучи четвёртым байтом у каждого пикселя. Обойти это, сохранив прозрачность и качество без потерь в PNG, невозможно; если размер важнее точности, пропустите результат через сжатие или уменьшите до тех размеров, которые вам действительно нужны, перед публикацией.
«Удалить фон» и эта страница запускают одну и ту же локальную сегментацию и дают одинаковый вырез; разница в том, что вокруг него. Та страница выстроена вокруг объекта и сразу отдаёт результат, а эта выстроена вокруг альфа-канала и добавляет переключатель подложек и измерения альфы — именно то, что нужно, когда ассет надо проверить перед выпуском. Страница подписи — это по-настоящему другой алгоритм: сегментация там не запускается, а сохраняется всё, что темнее окружающей бумаги, потому что модель сегментации, направленная на фото подписанного листа, вырезает лист, а не чернила.

Другие инструменты для изображений

Откройте другие мощные инструменты для редактирования изображений

Сжать Изображение

Уменьшить размер

Изменить Размер

Изменить размеры

Обрезать Изображение

Вырезать область

Конвертировать Формат

Изменить формат

Фоторедактор

Редактировать фото

Повернуть Изображение

Повернуть

Отразить Изображение

По горизонтали/вертикали

Добавить Водяной Знак

Водяной знак

Добавить Рамку

Добавить рамку изображения

Закругленные Углы

Добавить закругленные углы

Фильтры

Яркость/Контраст

Размыть Лицо

Скрыть лица

Мозаика

Размыть области

Удалить Фон

Удалить фон

Улучшить Изображение

ИИ апскейл

Добавить Текст

Добавить текст на изображение

Коллаж

Объединить несколько изображений

HTML в Изображение

Веб в изображение

GIF в Последовательность

Извлечь кадры

Удалить пустые поля

Удалить пустые края

Пакетное переименование изображений

Безопасное массовое переименование файлов

Круговая обрезка

Обрезка изображений в круг

Чёрно-белое

Конвертация изображений в оттенки серого

Разделить изображение

Разрезать изображение на сетку

Объединить изображения

Объединить изображения в одно

Изменить DPI

Установить метаданные DPI изображения

Изображение в Base64

Кодирование изображений в Base64

Изображения в PDF

Объедините изображения в один PDF

Конвертер HEIC в JPG

Конвертируйте фото iPhone из HEIC в JPG

Удаление EXIF

Просмотр и удаление скрытых метаданных фото, включая геолокацию GPS

Генератор фавиконок

Полный набор иконок и HTML-код

Цветовая палитра

Извлечь цвета из изображения

Base64 в изображение

Декодировать Base64 обратно в изображение

HEIC в PNG

Конвертировать фото HEIC с iPhone в PNG без потерь

Текст за изображением

Разместите текст позади объекта на фото прямо в браузере

Пипетка

Узнать HEX, RGB и HSL любого пикселя

Создание подписи

Нарисуйте подпись и скачайте её прозрачным PNG

Удаление фона подписи

Чернила с бумаги на прозрачном фоне