FIRST CH TOOLS / 画像 / 02 WHITE BACKGROUND REMOVER

白背景 透過(画像の白抜き・透明化)

画像の縁につながる白背景を自動で透過(白抜き)し、透過PNGで保存します。登録不要・無料で、処理はすべてブラウザ内で完結します。吹き出しや書類など「イラスト内部の白」は背景とつながっていないため保持されます。

ここに画像をドラッグ&ドロップ またはクリックしてファイルを選択(PNG / JPEG)
JPEG特有のノイズが残る場合は値を下げてください

How to Use

  1. 画像を選ぶPNG/JPEGをドラッグ&ドロップ、またはクリックで選択。すぐ処理されます。
  2. 仕上がりを確認市松模様の上でプレビュー。白い縁が残る場合はしきい値を下げて再処理。
  3. 保存する「透過PNGをダウンロード」で保存。元画像は変更されません。

About This Tool

単純に「白いピクセルを全部消す」方式ではなく、画像の外周から連結している白領域だけを判定して透過します(flood-fill方式)。 そのためキャラクターの白目・吹き出し・書類の白地などは消えません。境界には軽いぼかし(フェザー処理)をかけ、ギザギザを防ぎます。 処理はすべてブラウザ内で行われ、画像が外部に送信されることはありません。

JPEGで白い縁が残るときのしきい値(実測)

白抜きが中途半端になる原因のほとんどは、JPEG圧縮で背景の白が「真っ白ではなくなっている」ことです。 同じ図形画像を品質だけ変えて書き出し、背景を一片も残さずに消せた最大のしきい値を測ったものが下の表です。 既定の 235 は、この測定では品質80のJPEGまでをカバーする位置にあります。

元画像背景を残さず消せた最大のしきい値背景内で最も暗かった白(RGB各値)
PNG(圧縮による劣化なし)254255
JPEG 品質95250228
JPEG 品質90245221
JPEG 品質80235205
JPEG 品質60230205

計測条件: 400×300pxの図形画像1点(白地に円・矩形・直線)を Chrome 153 の canvas から各品質のJPEGへ書き出し、 本ページと同じ処理(外周からのflood-fill+3×3ぼかし2回のフェザー)にかけて、 元が背景だった領域の内側(フェザーが届く縁3px分を除く)に不透明なピクセルが1つも残らない最大値を求めました。 絵柄や写真によって必要な値は変わるので、目安として使ってください。

下げすぎると別のものが消えます。しきい値はこのツールが「白」と見なす明るさの下限なので、 値を下げるほど、その明るさ以上で画像の縁につながっている部分——淡いグレーの影・薄い枠線・背景のグラデーション——も一緒に透過されます。 白い縁が消えるところで止めるのが安全です。

白抜きできる画像・できない画像

画像このツールでの結果
白背景のロゴ・イラスト・図版想定している用途です。透過PNGで保存できます
白ホリゾントで撮った商品写真背景が白く飛んでいれば透過できます。影が残る場合はしきい値を下げます
キャラクターの白目・吹き出し・書類の白地画像の縁とつながっていないため消えずに残ります(これが狙いです)
グレー・色付き・グラデーションの背景白ではないため透過されません。しきい値を下げても背景が均一でなければ縁が残ります
風景・人物などの写真の背景被写体の検出は行いません。白背景以外の切り抜きには対応していません
被写体が画像の端で見切れている画像被写体で分断され、縁につながらなくなった白は残ります

保存形式は透過PNG固定です。できあがった透過PNGをJPEGで保存し直すと、透明部分は白や黒で塗り潰されます(JPEGは透明度を持てない形式のため)。 軽くしたい場合は透明度を保てる WebP か AVIF へ変換してください。 寸法を変えるなら 画像リサイズ&クロップ が使えます。

Other Tools