検査成績書の写真、背景除去が少し気になっていた
海外の拠点(タイ)から届く検査成績書に、実物の写真が載っていることがあります。背景を消して製品だけを見せる形になっていたのですが、その背景除去の仕上がりが、正直あまりきれいではありませんでした。輪郭がガタついていたり、製品の一部まで消えてしまっていたり。
大きな問題というほどではないのですが、資料として見るたびに「ここ、もう少しきれいにならないかな」と気になっていました。
ブラウザだけでAIが動くことに驚いた
それで、試しに「画像の背景をAIで自動的に消せないか」と調べてみました。そうしたら、ブラウザの中だけで、しかも無料でAIによる背景除去が動くということを知り、単純に驚きました。ソフトのインストールも、会員登録も必要ありません。
自分はコードを書けないのですが、最近はAIに相談しながら形にできる場面が増えてきていたので、これも試しに作ってみることにしました。
作ってはみたものの、仕上がりが甘い
AIと一緒に進めて、ブラウザ上で画像をアップロードすると自動で背景が消える、というところまでは形になりました。ただ、実際に色々な写真で試してみると、自動除去だけでは仕上がりが甘いことがありました。細かい部分が消えきらなかったり、逆に製品の一部まで一緒に消えてしまったり。
正直なところ：自動処理の精度がなぜそこで落ちるのか、技術的な理由は自分ではよく分かっていません。それでも「このままだと惜しい」というのは、見た目で十分わかりました。
なぜ「ポリゴンで囲む」方式にしたか
そこで、自動除去だけに頼らず、残す範囲・消す範囲を自分で手動で決められるようにしました。ここは今回、一番自分の判断が入ったところです。
背景除去ツールでよく見かけるのは、ブラシで塗って範囲を選ぶ方式です。ただ、これが自分にとってはあまり得意ではありませんでした。マウスやトラックパッドで細かい輪郭に沿ってブラシを動かすのが苦手で、はみ出したり、逆に塗り残したりしてしまうことが多かったのです。
なので、ブラシではなく、ポリゴン(多角形)で範囲を囲む方式にしました。輪郭に沿って点を置いていき、最後につなげて範囲を決める、というやり方です。これなら、手先の器用さよりも「どこに点を置くか」という判断だけで済むので、自分でも狙った範囲をきれいに指定できました。
これは技術的にこちらの方が優れている、という話ではなく、あくまで自分がブラシ操作を苦手としていたので選んだ、という個人的な好みの話です。ブラシが得意な方には、ブラシ方式の方が合うかもしれません。
手軽に、きれいに、安全に
自動除去で大まかに背景を消したあと、気になる部分だけポリゴンで範囲を指定して調整する、という流れにしたことで、以前より手軽に、きれいな仕上がりにできるようになりました。
画像はどこかのサーバーに送るのではなく、ブラウザの中だけで処理が完結しています。社外に出しにくい製品写真や検査資料でも、安心して使えるのはありがたいポイントです。
よくある質問
無料で使える？
はい、無料でご利用いただけます。
会員登録は必要？
不要です。ブラウザでアクセスするだけでお使いいただけます。
画像はサーバーに送信される？
送信されません。処理はブラウザの中だけで完結します。
どんな画像形式に対応している？
JPEG・PNG・WebPなど主要な形式に対応しています。
コードは書けませんが、AIと一緒に進めれば、こうした「自分好みのUI」まで作り込めるんだ、というのが今回の一番の収穫でした。ブラシではなくポリゴンにしたのも、突き詰めれば「自分が使いやすいから」という理由だけです。それでも、狙った通りに動くところまで作れたのは、素直に驚きでした。
会員登録・インストール不要、ブラウザだけで背景除去から手動調整まで完結します。