手軽屋
ツール一覧

画像の背景を透過

白背景や指定色を透明にして、透過PNGとして保存できる無料ツールです。 紙に押した印鑑、ロゴ、商品写真の背景抜きに。

✓ Canvas API(MDN仕様)/PNG(W3C勧告・ISO 15948・RFC 2083)に準拠

ピクセル取得はCanvasRenderingContext2D.getImageData()、 保存はHTMLCanvasElement.toBlob('image/png')を使用。 PNGはアルファチャンネル8bit(256段階)対応の可逆圧縮フォーマットで、JPEG では表現できない半透明境界をなめらかに保ちます。すべてブラウザ内で処理され、画像は外部に送信されません。

このツールの特徴

使い方(4ステップ・約1分)

  1. ① 画像を選ぶ(JPG・PNG・WebP対応/ドラッグ&ドロップOK)
  2. ② 白背景は自動透過。白以外は消したい色をクリックして基準色設定
  3. ③ 「強さ」スライダー(0-80)で透過範囲を調整
  4. ④ 「透過PNGで保存」ボタンで端末にダウンロード

きれいに抜けるコツと撮影のポイント

強さの目安:印鑑(朱肉)は20-35、白背景のロゴは10-25、影が強い写真は40-55が起点。 上げすぎると残したい薄い線まで消えるので、市松模様の透け具合を見ながら最小限で止めてください。

印鑑撮影のコツ:白い紙(コピー用紙)にしっかり押印→正午前後の明るい室内(蛍光灯下OK)→スマホは紙に対して垂直に構える→影が入らないよう照明と反対側から撮る。 これで強さ20-30で完全に抜けます。

ロゴ・イラストの注意:背景が白でも、JPEG圧縮ノイズで完全な白でないことが多いため、強さは10-25が必要。 元データがPNGなら背景は厳密に#FFFFFFのことが多く、強さ5-10で十分です。

白以外の背景:青背景なら青い部分を、緑背景なら緑をクリック。クリックした点のピクセル色がRGBで取得され(getImageData)、その色からの距離(√(r-r0)²+(g-g0)²+(b-b0)²)で透過判定します。

こんな場面で使われています

日本仕様への配慮

⚠️ ご利用にあたっての注意

よくある質問

Q. きれいに抜けないときはどうすればいいですか?

A. 「強さ」のスライダーを少しずつ上げると、影や紙の色むらまで消えるようになります。上げすぎると残したい部分(薄い色の線など)まで消えるので、市松模様の見え方を確かめながら調整してください。印鑑写真は、明るい場所で影が入らないように撮ると一番きれいに抜けます。

Q. 白以外の背景も消せますか?

A. 消せます。画像の中の消したい色の部分を直接クリックすると、その色が「透明にする色」に設定されます。たとえば青背景の画像なら、青い部分をクリックしてください。

Q. 人物写真の背景も切り抜けますか?

A. このツールは「色」を基準に透明化する仕組みのため、背景が複雑な写真(風景・室内など)の切り抜きには向きません。印鑑・ロゴ・イラストのような、背景がほぼ一色の画像で力を発揮します。

Q. アルファチャンネルとは何ですか?

A. PNGが対応する透明度を表す追加チャンネルで、RGB各8bit+アルファ8bitの256段階で完全透明〜完全不透明を表現します。JPEGはアルファに非対応のため、透過画像はPNG(または最近のWebP)で保存する必要があります。

Q. JPGで保存すると背景が黒くなるのはなぜ?

A. JPEG形式にはアルファチャンネルがないため、透明部分が黒(または白)で塗りつぶされます。本ツールはPNG形式で保存するので、Word・PowerPoint・iPhone写真アプリでも透過状態のまま貼り付けられます。

Q. 印鑑の朱肉が薄くなりませんか?

A. 強さを上げすぎると朱色の縁が削れることがあります。20〜35付近で調整し、市松模様の透け方を確認しながら最小限の数値で止めるのがコツです。撮影時は影なし・明るい室内・正対するときれいに抜けます。

Q. 画像はサーバーにアップロードされますか?

A. アップロードされません。すべてブラウザ内(Canvas API)で完結します。社内資料・契約書スキャン・個人情報を含む画像も外部に送信されず安全です。

Q. 対応画像形式は?

A. JPG・PNG・WebPの3形式に対応。出力は透過PNG固定です(PNG-24+アルファチャンネル)。HEIC形式はiOS標準カメラ「写真」アプリで一度共有→「ファイルに保存」でJPGに変換してから読み込んでください。

Q. 商用利用OKですか?

A. ツール利用は商用可。ただし加工する元画像の著作権・肖像権・商標権はご自身で確認してください。フリー素材サイトや自社撮影画像、自分の印鑑の画像は問題ありません。

詳しい解説記事

関連ツール

画像加工クラスタ

画像の編集・加工をブラウザ内で完結する手軽屋ツール群。すべて送信なし。

同じカテゴリ「画像の加工」のツール

カテゴリ「画像の加工」をすべて見る / 全339個から検索