コンテンツに応じた塗りつぶし：塗って消し、周りの背景に生え直させる

主な機能

使い方

1. 1
   画像をドラッグしてください

   JPG・PNG・WebP を受け付けます。Ctrl+V での貼り付けも可能です。
2. 2
   要らないものを塗ります

   ブラシの大きさを決め、全体をすっかり覆ってください。はみ出して残った細い部分は「周囲の背景」と見なされ、その色が穴へにじみ戻ります——消したかったものの色が生え直してくるわけです。覆ったうえで、なるべく輪郭に沿わせ、背景まで大きく塗らないようにします。
3. 3
   指を離して確かめます

   気に入らなければ消して塗り直すか、Ctrl+Z で一筆戻します。画面を押さえればいつでも元画像と見比べられます。
4. 4
   ダウンロード

   画像として保存するか、ワンクリックでフル機能エディターへ持ち込んで続けてください。

よくある質問

Photoshop のコンテンツに応じた塗りつぶしと同じものですか。

考え方は同じ、算法は別です。 Photoshop は PatchMatch 系で、画面の別の場所からよく似た継ぎ当てを見つけて持ってきます。だからレンガの目地や木目をつなげられます。このページは低周波拡散で、穴の縁から色を何周も平均して内側へ入れます。平らな背景では同じに見え、複雑な模様では差がはっきり出ます。塗り終えてから気づくのではなく、本文に書いておきます。

のっぺりしたにじみになりました。塗り方が悪いのでしょうか。

まず一点だけ確かめてください。すっかり覆えていましたか。 筆の外にはみ出して残った細い部分は「周囲の背景」と見なされ、その色が穴へにじみ戻ります——見た目は「塗りつぶしが効かない」とそっくりです。（いちばんよくある間違いで、このページの試験を書いたとき私たち自身も最初にここで引っかかりました。） すっかり覆ってもにじむなら、原因は背景のほうです。規則的な模様・密な繰り返し・強い境界をまたぐ範囲の三つは、拡散の算法にはもともと作り直せません。それでも効くのは二つ。覆ったうえで輪郭ぎりぎりに寄せること（穴が小さいほど縁の参照が確かになります）、そして一度に大きく囲まず、小さく何度かに分けて塗ることです。

「写真の不要物を消す」のページと何が違いますか。

下で動いているものは同じです。 違うのは、どの言葉でここへ来たかです。あちらはやりたいこと（「この通行人を消したい」）で書かれ、こちらは Photoshop の機能名（「コンテンツに応じた塗りつぶしをブラウザーで使うには」）で書かれているため、力点が違います——こちらは算法の限界により踏み込んでいます。どちらを使っても構いません。

画像はそちらのサーバーに送られますか。

送られません。塗る操作も拡散の計算もブラウザー内で終わります。開発者ツールのネットワークパネルを開いて一筆塗ってみてください——画像データを運ぶ通信は現れません。