Изменение цвета фона изображения

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

Чем это изменение цвета фона отличается

Как пользоваться изменением цвета фона изображения

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

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

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

Где этим пользуются

• Фото на документы и паспорт: замените домашнюю стену на ровный белый, светло-серый или синий для документов, который требует анкета.
• Карточки товаров: площадки вроде Amazon и eBay ждут чисто белый фон; возьмите образец съёмочного стола и замените его на #FFFFFF.
• Логотипы и клипарт: логотип, пришедший как JPG на белом, становится прозрачным PNG, который можно положить на любой слайд или тёмный хедер.
• Аватары: замените захламлённый фон фирменным градиентом, чтобы аватары всей команды совпадали.
• Кадры с хромакея: вырежьте кадр со съёмки с цветовым ключом и выключите фон без открытия видеоредактора.

Как получить самый чистый край

• Берите образец там, где фон, а не рядом с объектом. Пиксели в паре пикселей от контура уже смесь обоих, поэтому образец оттуда учит инструмент неверному цвету.
• Лучше больше образцов, чем больше допуска. Три образца при Допуске 25 выделяют неровную стену гораздо точнее, чем один образец при Допуске 60, который начнёт съедать кожу и тень.
• Мягкость — это не размытие. Она расширяет полосу, в которой пиксели частично прозрачны. Значения 5–15 обычно достаточны; очень высокие делают объект похожим на призрак.
• Используйте вид маски. Включите его, и выделенная область зальётся пурпурным, так что пятна внутри объекта — признак слишком высокого допуска — видны сразу.
• Сохраняйте как PNG или WebP, когда нужна прозрачность. У JPG вовсе нет альфа-канала, поэтому прозрачные области возвращаются белыми.

Шпаргалка по форматам и прозрачности

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

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

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

Как изменить цвет фона изображения?

Откройте фото, один раз нажмите на фон, чтобы инструмент взял образец этого цвета, затем выберите новый цвет на панели «Новый фон». Всё достаточно близкое к образцу перекрашивается, поэтому объект остаётся нетронутым. Поднимите Допуск, если пятна старого фона остаются, и опустите его, если объект начинает исчезать.

Можно ли сделать фон прозрачным вместо цвета?

Да. Выберите «Прозрачный» на панели «Новый фон», и совпавшие пиксели получат альфу, равную нулю. Скачивайте как PNG или WebP, чтобы сохранить прозрачность; у JPG нет альфа-канала, поэтому его выбор сводит прозрачные области на белый.

Что на самом деле делает ползунок «Допуск»?

Он задаёт, насколько пиксель может отличаться от взятого образца и всё ещё считаться фоном. Расстояние измеряется в пространстве CIE Lab, а не в сыром RGB, поэтому одно значение допуска означает примерно ту же видимую разницу на тёмном заднике, что и на светлом. Около 20–35 подходит для ровной студийной стены; текстурной или затенённой стене нужно больше.

Почему вокруг объекта появляется цветной ореол?

Пиксели на контуре — это физическая смесь объекта и фона, поэтому после замены они всё ещё несут оттенок старого фона. Включите «Убрать паразитный цвет»: инструмент разделяет каждый частичный пиксель по формуле fg = (pixel - alpha * background) / (1 - alpha) и восстанавливает цвет объекта под ним. Небольшая Мягкость сверху скрывает оставшуюся ступенчатость.

Мои фото куда-нибудь загружаются?

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