Это то же самое, что «Заливка с учётом содержимого» в Photoshop?

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

Заливка вышла размазнёй — я что-то сделал не так?

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

Чем это отличается от страницы удаления лишнего с фото?

Внутри работает одно и то же. Разница в том, по какому слову вы сюда пришли: та страница написана вокруг задачи («хочу убрать этого прохожего»), эта — вокруг названия функции Photoshop («как пользоваться заливкой с учётом содержимого в браузере»), отсюда и разный акцент: здесь подробнее разобрано, где алгоритм перестаёт работать. Подойдёт любая.

Заливка с учётом содержимого: закрасьте это, и фон вокруг зарастёт сам

Один мазок — один закрытый участок. Чем ровнее фон, тем больше похоже, что ничего и не было.

или создать пустой документ

Желание всегда одно: в кадре есть что-то лишнее — провод, прохожий, логотип, впечатанная дата — и хочется, чтобы оно исчезло, а это место выглядело так, как должно было. Не замылить (это объявляет «здесь что-то закрыли») и не обрезать (это заодно стоит композиции).

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

Ключевые возможности

Закрашиваете там, где нужно заполнить, и можете передумать

Кисть отмечает область для заливки, результат появляется, когда отпускаете. Закрасили лишнее? Сотрите ластиком или нажмите Ctrl+Z — отменится этот мазок, а не вся картинка.

Удерживайте, чтобы увидеть оригинал

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

Прямо о том, что получается плохо

Регулярная фактура (кирпич, текстура дерева, клетчатая ткань), плотное повторение (трава, толпа, листва) и большие области через резкую границу. Эти три случая дают размазню. Это не промах в настройках, это природа алгоритма.

Изображения не загружаются

Диффузия целиком выполняется в вашем браузере, и ни один запрос не несёт данных изображения. Откройте панель «Сеть» в инструментах разработчика и убедитесь сами.

Как использовать

1
Перетащите изображение

Принимаются JPG, PNG и WebP, а Ctrl+V вставляет из буфера обмена.
2
Закрасьте то, что не нужно

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

Не то? Сотрите и закрасьте заново либо нажмите Ctrl+Z, чтобы отменить один мазок. Удерживая изображение, в любой момент сравните с оригиналом.
4
Скачайте

Сохраните картинку или одним щелчком перенесите её в полный редактор и продолжайте.

Частые вопросы

Это то же самое, что «Заливка с учётом содержимого» в Photoshop?: Идея та же, алгоритм другой. Photoshop использует метод семейства PatchMatch: он находит в другом месте кадра похожую заплатку и переносит её, поэтому у него сходятся швы кирпича и текстура дерева. Эта страница использует низкочастотную диффузию: цвет усредняется от края дыры внутрь, круг за кругом. На ровном фоне оба выглядят одинаково, на сложной фактуре разрыв очевиден. Мы пишем это в тексте, а не оставляем вам на обнаружение после того, как вы уже закрасили.
Заливка вышла размазнёй — я что-то сделал не так?: Сначала проверьте одно: всё ли было закрыто? Любая полоска, оставшаяся за пределами мазка, читается как «окружающий фон», и её цвет диффундирует обратно в дыру — со стороны это выглядит ровно как «заливка ничего не сделала». (Самая частая ошибка; мы сами попались на неё, когда впервые писали тест для этой страницы.) Если закрыто было всё, а размазня осталась, дело в фоне: регулярную фактуру, плотное повторение и области через резкую границу алгоритм диффузии попросту не может восстановить. Помочь всё же могут две вещи: закрыв объект, держитесь вплотную к его краям, а не захватывайте много фона (чем меньше дыра, тем надёжнее опора на край), и работайте несколькими небольшими мазками вместо одной широкой петли.
Чем это отличается от страницы удаления лишнего с фото?: Внутри работает одно и то же. Разница в том, по какому слову вы сюда пришли: та страница написана вокруг задачи («хочу убрать этого прохожего»), эта — вокруг названия функции Photoshop («как пользоваться заливкой с учётом содержимого в браузере»), отсюда и разный акцент: здесь подробнее разобрано, где алгоритм перестаёт работать. Подойдёт любая.
Мои изображения уходят на ваши серверы?: Нет. И закрашивание, и диффузия заканчиваются в браузере. Откройте панель «Сеть» в инструментах разработчика и сделайте мазок — запроса с данными изображения не появится.

Попробуйте Заливка с учётом содержимого: закрасьте это, и фон вокруг зарастёт сам прямо сейчас

Работает полностью в браузере · без установки · без регистрации · изображения никогда не загружаются на сервер