画像透過ツール
0%
24px
色を選ぶと、ここに色ごとの許容範囲が追加されます。
100
選択履歴
色を選ぶとここに履歴が表示されます
画像透過ツールの使い方と活用シーン
この画像透過ツールは、指定した色だけをピンポイントで透過し、近い色もまとめて透明化できるブラウザ完結型の編集ツールです。複数色の追加透過や履歴からの再適用にも対応しており、ソフトを入れずにそのままPNG、WebP、AVIF形式で保存できます。
画像処理はすべてブラウザ上で完結します。データが外部サーバーへ送信されることはないため、機密性の高い画像も安心して編集いただけます。
指定色を直接クリックして透過
元画像または透過後画像をクリックして、消したい色をその場で指定できます。ロゴや背景色のワンポイント除去に向いています。
近似色もまとめて透明化
許容範囲を調整すると、選択した色に近い影・グラデーション・圧縮ノイズ由来の色まで一括で透過できます。
複数の色を追加して透過
色の選択モードを「選んだ色を追加」に切り替えると、複数の色を選んでまとめて透過できます。背景に複数色が混ざる画像でも調整しやすくなります。
選択履歴を残してすぐ復元
色と許容範囲の組み合わせは履歴として残るため、試した設定をワンクリックで呼び戻しながら比較できます。
次世代形式 AVIF・WebP に対応
背景透過した画像を、高画質のまま軽量化。PNG だけでなく AVIF や WebP で書き出せるので、サイトの表示速度を落とさず、画質を維持できます。
Exif情報を維持したまま背景を透過
カメラの撮影情報を消さずに背景だけをカット。透過後もExifデータを保持するので、作品の管理や共有に最適です。データの正確性を保持したい方に。
このような場面で便利です
商品画像の白背景を透過して、ECサイトやネットショップの商品一覧を見やすく整えたいとき。
ロゴやアイコンの不要な背景色を消して、Webサイトや資料、サムネイルに自然になじませたいとき。
ブログ記事やSNS投稿用に、人物・小物・イラスト素材の周囲だけを簡単に透明化したいとき。
使い方のポイント
- 画像は左側の元画像エリアだけでなく、透過後画像エリアへドラッグ＆ドロップするかクリックしても読み込めます。元画像を非表示にしていても、透過後画像エリアからそのまま次の画像に切り替え可能です。
- 透過したい色をクリックしたら、許容範囲を少しずつ上げて近い色まで含めると、背景にわずかな影やグラデーションがある画像でも自然に抜きやすくなります。必要以上に強くしすぎず、少しずつ確認しながら調整するのがきれいに仕上げるコツです。
- 複数の色をまとめて消したいときは「選んだ色を追加で透過」を選びます。選んだ色ごとに許容範囲を個別調整でき、履歴から以前の設定を呼び戻せるため、細かい比較作業も進めやすくなっています。（本機能を使用する場合は「詳細」モードを選択してください）
- 「透過ブラシ」機能を使用することでブラシで選択部分を透過、もしくは透過部分を削除することができます。（本機能を使用する場合は「詳細」モードを選択してください）
- 「透過部分のみ表示」を有効にすることで透過部分のみを赤表示で確認することができます。透過漏れ、透過したい部分以外が透過されていかを確認することができます。「透過ブラシ」機能と併用すると便利です。
- 保存形式は透過情報を保持できるPNG・WebP・AVIFに対応しています。汎用性を重視するならPNG、軽量化を重視するならWebP、さらに高圧縮を重視するならAVIFが便利です。
- WebP、AVIF画像形式を選択した際は「画質設定」を0～100で設定できます。数値が100に近いほど元画像に近くなり、100で元画像と全く同じ画質になります。0に近くなるほど画像のファイルサイズは小さくなりますが画質は下がります。
読み込める画像形式
- PNG
- JPEG/JPG
- WebP
- GIF: 静止画として読み込みます。アニメGIFの場合は1フレーム目のみが対象となります。
- BMP: ブラウザが対応している場合に読み込みできます。
- SVG: ブラウザが対応している場合に読み込みできます。ベクター画像も読み込み時にキャンバスへ反映されます。
- AVIF: 対応ブラウザでは読み込みできます。軽量な次世代画像の下処理にも使えます。
- HEIC / HEIF / TIFF: ブラウザやOSがネイティブ対応している環境では読み込みできます。未対応環境では読み込みできません。
- 書き出し時は透過情報を保つためPNG・WebP・AVIFに対応しています。