よりきれいな端に

PNGエッジ修正

透明なキャラクターの端に白や暗い光彩があるように見える場合は、保存前に修正版を比較してください。

例:白い端 → よりきれいな透明PNG

このツールを試す
淡い輪郭きれいな端
  1. 1. 追加透明PNGまたはWebP
  2. 2. 調整不要な端の色を選択
  3. 3. 保存修正済みPNG

1. 透明な背景のキャラクター画像を選択

別の背景で縁が白っぽく、または暗く見えるときに使います。単色背景は除去できません。

使い方

  1. 1. すでに透明部分がある画像から始める

    PNGかWebPをアップロードし、不要な縁を特定します。暗い場面で見える白い縁は良いテストです。JPEGや完全不透明な背景には、この補正ではなく、先に背景削除が必要です。

  2. 2. 不要な端の色に合わせる

    「不要な端の色」で、分かっているマット色を選んでください。「補正の強さ」を調整し、元画像と補正後のプレビューを比較します。マット色を間違えると意図した端の色が変わる場合があります。補正を強くすれば必ず良くなるわけではありません。

  3. 3. 薄いピクセルの除去とキャンバスのトリミングを分ける

    低い不透明度の余分なピクセルが問題でない限り、「非常に薄いピクセルを削除」は0のままにしてください。固定サイズのアニメーションフレームでは、「透明な余白をトリミング」をオフにします。オプションを変えたら補正を再実行し、結果を確認してPNGをダウンロードしてください。

縁取り、低いアルファ値、余分な余白には、それぞれ異なる修正が必要です

マット補正は、既知の色との混合を逆算しようとして、半透明ピクセルのRGBを変えます。物体を検出したり、不透明な白い領域を消したりはしません。キャラクター内に描いたハイライトは、削除すべき背景ではありません。

アルファのカットオフは、0–255の尺度で指定値以下のピクセルを削除します。16なら、不透明度約6%以下のピクセルを削除します。薄い点を消せますが、意図した煙や影も消す場合があります。設定の上限は64で、自動的にシルエットを生成するものではありません。

トリミングは残ったピクセルまでキャンバスを切り詰めます。静止アイコンには役立ちますが、ポーズを個別にトリミングすると寸法とオフセットが変わります。エンジンのピボットやアニメーション基準線が固定キャンバスに依存するなら、余白を残してください。

実際の症状に合わせて設定を選択
設定または入力意味
暗い背景で淡い縁が出る正しいマット色を選び、次に補正の強さを調整
離れた薄い点小さな除去しきい値。柔らかい影を再確認
空のキャンバスが多すぎる固定の位置合わせが不要な場合だけトリミング
単色背景まず背景を削除

ダウンロード前に確認

明るいシーンと暗いシーンの両方で確認

黒の上では直って見えるスプライトでも、白の上では暗すぎる場合があります。市松模様だけでなく、実際に使うシーンでダウンロードしたPNGを確認してください。比較のため、未加工のオリジナルを残してください。

調整したピクセル数は品質スコアではありません

件数は処理が触れたピクセルを示すもので、改善したかどうかは示しません。入力上限は各辺4096 px、1600万ピクセルです。補正結果はPNGになります。

質問

不透明な白背景を除去できますか?

いいえ。完全に不透明なピクセルのマット色は除去しません。先に背景を削除し、透明化した結果にまだ端の色の混入がある場合に使ってください。

縁が暗くなったのはなぜですか?

マット色が違うか、縁のRGBがすでにきれいな可能性があります。強度を下げるか、強度0と比較してください。マット除去は特定の元の混合を前提としており、万能の改善ではありません。

結果が全透明なのはなぜですか?

選んだカットオフで残るピクセルがありません。下げて再実行してください。薄い効果は、元画像で見えていても、完全に不透明なピクセルがない場合があります。

歩行サイクルの全フレームをトリミングするべきですか?

共通のキャンバスが必要なら、しないでください。個別の切り抜きはピボットを動かす場合があり、このツールは切り抜きオフセットのメタデータを出力しません。位置の揃った連続フレームではトリミングをオフにしてください。

オリジナルを上書きしますか?

いいえ。補正したPNGは別のローカルダウンロードです。デコードやエンコードでメタデータが変わる場合があるため、見た目が正しくてもオリジナルを保持してください。

関連ツールとチュートリアル

透明なスプライトの端を修正 — 処理を混ぜずに、マット補正の強さ、アルファのカットオフ、余白を比較します。

PNGに白い縁ができる理由 — 絵柄を補正する前に、縁の原因を理解します。

背景削除 — 背景がまだ不透明な場合に使います。

スプライトシートアニメーター — 修正したフレームが、引き続き同じ基準線を共有しているか確認してください。