写真用の背景除去ツールは人物や商品で学習しています。32 px のスプライトに使うと、アウトラインが削れ、エッジがぼやけ、半透明のフチが残ってゲーム内で光って見えます。スプライトにはもっと文字どおりの処理が必要です。背景色そのものを、外側とつながっている部分だけ除去し、最後にすべてのピクセルを完全に不透明か完全に透明にする。このツールはそれを行います。スプライトシートや、一部の AI 画像に焼き込まれたグレーと白の偽の市松模様にも対応します。
スプライト背景除去ツールの使い方
- 画像1枚、スプライトシート全体、または複数ファイルをドロップします。
- 自動モードでは画像の縁から背景色を読み取ります。2色の市松模様は2つの色として検出されます。
- 結果がおかしければ、Before 画像の背景をクリックします。別の場所もクリックすると最大4色まで追加できます。
- 許容値を調整します。「つながった背景のみ」をオンのままにすると、スプライト内の背景と同じ色の部分（目やハイライト）が残ります。腕と胴体の間の穴には「囲まれたすき間も除去」をオンにします。
- ドット絵では二値アルファをオンのままに。手描き風のイラストではオフにして、エッジのぼかしを上げます。
- 透過 PNG、マゼンタ背景の確認用画像、または一括処理した ZIP をダウンロードします。
得られるもの
- 元サイズの透過 PNG。背景ピクセルは完全に透明（RGB をゼロにするので、エンジンのフィルタリングで色が漏れません）。
- 残ったフチを見つけるためのマゼンタ背景の確認画像。
- 複数ファイルをドロップしたときの一括 ZIP。ファイルごとに背景を自動検出するか、指定した色を使います。
対応エンジン
- 二値アルファの出力は、どのエンジンのデフォルトのスプライト設定でも、アルファテストシェーダーでも使えます。
- 透明ピクセルの RGB をゼロにしているので、Unity、Godot、WebGL がテクスチャをフィルタリングやミップマップしても、暗いフチや色付きのフチが出ません。
ゲーム制作で使って得たコツ
- 偽の市松模様がある AI 画像では、自動モードが両方のマスを選びます。許容値を 10–20 にすれば、スプライトの薄いグレーの部分は残ります。
- 白背景の白いスプライトは、「つながった背景のみ」をオンのまま、アウトラインが保たれるまで許容値を下げます。
- 背景色の細い輪が残る場合は、まずデスピルをオンに。それでも残るときだけ 1px 縮小をオンにします。
- 結果はマゼンタやグリーンの背景で確認しましょう。市松模様の上ではフチが見えにくいです。
活用例
- 白やグレー背景の AI 生成スプライトを、ゲームで使える状態にする。
- 単色背景付きで配布されているアセットストアのシートをきれいにする。
- レンダリングしたフレームからグリーンバックやマゼンタバックを除去する。
- ストアページや開発ブログ用の透過 PNG を用意する。
よくある質問
remove.bg などのツールとは何が違うのですか？
それらは写真で学習した AI セグメンテーションを使うため、柔らかく混ざったエッジになります。このツールは既知の背景色を正確に除去するので、ドット絵のアウトラインのピクセルがすべて残り、半透明のフチのない二値アルファで出力できます。
市松模様の背景も除去できますか？
はい。縁が2色の交互パターンでできている場合、自動モードは両方の色を抜きます。透過の市松模様に見えて実は不透明な AI 画像によくあるケースです。
スプライト内の白い部分まで消えませんか？
「つながった背景のみ」がオン（デフォルト）なら消えません。画像の縁からつながっている背景ピクセルだけを除去するので、目やハイライトは残ります。囲まれたすき間は、設定したサイズより大きい場合にだけ除去されます。
スプライトシート全体にも使えますか？
はい。スプライト間の背景は画像の縁とつながっているので、シート全体が1回で処理されます。
画像はアップロードされますか？
いいえ。すべてブラウザ内で動作し、ファイルは端末から出ません。
写真や手描きのイラストは？
二値アルファをオフにしてエッジのぼかしを上げると、滑らかなエッジになります。背景色が1色でない複雑な写真背景なら、AI セグメンテーションツールのほうが向いています。