署名の背景を削除

署名した紙をスマートフォンで撮影またはスキャンした画像を、紙も影も黄ばみも取り除いた、透過PNG上のきれいな黒い線に変換します。

この署名背景削除ツールが行っていること

このページは、署名した紙を撮影またはスキャンした画像からペンの線だけを取り出し、それ以外をすべて透明にします。一般的な背景削除ツールが使うAIの被写体セグメンテーションモデルは動かしていませんが、これは機能の欠如ではなく意図的な設計判断です。署名済みのページを写した写真に対して「被写体は何か」と顕著性物体モデルに尋ねれば、答えは「そのページ」です。返ってくるのは机からきれいに切り抜かれた紙全体で、署名は不透明な白の上に載ったままです。インクを紙から分離するのはまったく別の測定なので、このページは別のアルゴリズムを走らせています。仕組みは書類スキャナーと同じです。まず各ピクセルの周囲にある大きな正方形の窓の明るさを平均して、紙が各地点でどれだけ明るいかの地図を作ります。窓のサイズは短辺のおよそ16分の1で、積分画像を使うため窓が大きくなっても計算量は増えません。ペンの線は細く、どの窓の中でも数パーセントしか占めないため、この地図は影のグラデーション、卓上ライトの暖色、古い紙の黄ばみも含めて、紙そのものの良い推定になります。次に各ピクセルを、固定の明るさではなく自分自身の周囲の紙の値と照らし合わせます。周囲の光に対してしきい値の割合を下回るものはインク、それ以外は透明になります。しきい値のすぐ下に置いた柔らかい帯が各ストロークの外側のアンチエイリアスを部分的に透明なまま残し、これが結果をFAXのような見た目にしない要素です。インクは初期状態でほぼ黒に均され、青いペンの場合はスキャンされた色を保持することもできます。限界はこの手法から直接導かれます。周囲の紙より明確に暗いものはすべてインクとみなされるため、印刷された文字、罫線、方眼、ホチキスの影、強い折り目も署名と一緒に残ります。紙とほとんど明るさが変わらない鉛筆の署名は、認識させるためにしきい値を上げる必要があるかもしれませんが、上げれば紙のざらつきも同時に拾い始めます。また照明の地図は「線は窓に対して細い」という前提に立っているため、画面の大半を占める太いマーカーの署名は、自分の内側を部分的に消してしまいます。出力は常にPNGで、ファイルがブラウザの外に出ることはありません。

署名に専用のツールが必要な理由

最初からデジタルで署名する人はほとんどいません。よくある流れはこうです。契約書、賃貸借契約、税務書類、学校の同意書がPDFで届き、署名欄を印刷するか白紙に署名し、家にスキャナーがないのでスマートフォンで撮影する。返ってくるのは、窓際が明るく隅が灰色で、天井の照明でわずかに暖色に転び、スマートフォンを持つ手の薄い影が落ちた、紙の長方形です。その長方形を書類に貼り込めば、ページの上に明らかに色の違う四角が載り、まさにそのとおりのものとして読まれてしまいます。書類が本当に必要としているのは線だけであり、そうすれば署名の周りで下の文字や罫線が透けて見え、印刷物に直接署名したのと同じ見え方になります。一般的な背景削除ツールがこの仕事に向かないのもそのためです。あれは紙の後ろにあるものを取り除くのであって、インクの後ろにあるものを取り除くわけではありません。相対的なしきい値が重要なのも、同じ実務上の理由からです。固定の明るさで区切る方式は、ある1枚の写真に合わせて調整しても、2分後に別の角度で撮った次の写真では破綻します。2枚目の影になった隅の紙のほうが、1枚目の明るい隅のインクより暗い、ということが起こるからです。各ピクセルを自分の近傍と比較すれば設定を使い回せるので、5枚の書類に署名し、5枚とも同じ雑な照明で撮影して、調整し直さずにまとめて処理できます。すべてブラウザ内で行われる点は、ほかのどのツールよりここで重要です。署名は、他人のサーバーに複製をアップロードすることが理論上のリスクではなく現実のリスクになる、数少ない画像の一つだからです。

周囲の紙の明るさと比較するため、ムラのある照明や影で破綻しない
黄ばんだ紙、暖色に転んだ紙、オフホワイトの紙でも色補正の工程なしで処理できる
線をほぼ黒に均すか、必要に応じて元のペンの色を保持できる
紙の四角が見えないまま契約書に載せられる透過PNGが得られる

きれいな署名の切り抜きを得る方法

結果は設定よりもページの撮り方に左右されるため、最初の2ステップが最も重要です。

1

罫線のない白紙に濃いペンで署名し、真上から平らに、署名が画面の大部分を占めるように撮影します。遠くから撮ると1ストロークあたりのピクセルが少なすぎて、しきい値処理がきれいに効きません

2

写真またはスキャンをアップロードします。どこにも送信されず、ファイルはローカルで読み込まれます

3

「署名を抽出」を押し、結果を白と暗い背景の両方で確認します。薄いふちは暗い背景でのみ見えます

4

線が途切れていればインクのしきい値を上げ、紙のざらつきが出ていれば下げて、透過PNGをダウンロードします

よくある質問

AIモデルは被写体を見つけるものであり、署名済みのページの写真では被写体は「ページ」だからです。実行すると、署名が不透明な白の上に載ったまま紙だけがきれいに切り抜かれ、必要なものとは正反対の結果になります。このページは代わりに各ピクセルの周囲で紙の明るさを測定し、それより明確に暗いものだけを残します。柄のある机の上で撮影した場合や、部屋を背景に紙を掲げて撮った場合は、任意の「紙の切り出し」処理をオンにできます。これは先にAIモデルを実行して周囲の風景を取り除き、そのうえで紙にインクのしきい値を適用します。
ほとんど問題ありません。むしろこのページが最も想定している状況です。固定の明るさで区切る方式では対応できません。強い光の下では、影になった隅の紙のほうが明るい隅のインクより暗くなることがあり、1つの数値では両者を分けられないからです。ここでは各ピクセルを、自分の周囲の大きな窓の平均明るさと比較するため、影になった隅は影になった紙を基準に判定されます。硬い影の境界が署名を横切るような極端な光は避けたほうがよいですが、卓上ライト程度のグラデーションであれば調整なしで処理されます。
この手法では想定どおりで、避けられません。このツールに「署名」という概念はなく、周囲の紙より暗いものをすべて残します。印刷された文字、青い罫線、方眼、ホチキスの影、強い折り目はいずれもその条件に当てはまります。対処は撮影の段階です。罫線のない白紙に署名するか、アップロード前に署名だけになるよう写真を切り抜いてください。特に罫線入りの紙は避けるべきです。罫線の濃さは薄いペンの線に近いことが多く、どんなしきい値でも分離できません。
鉛筆はインクよりずっと紙の明るさに近いため、インクのしきい値を上げる必要があります。線が埋まるまで少しずつ上げてみてください。代償として、紙のざらつきも同時に現れ始めます。ざらつきもまた周囲よりわずかに暗いからです。鉛筆しか手段がない場合は、できるだけ高い解像度で、均一な光の下で撮影してください。どちらも黒鉛と紙のコントラストを高めます。濃いボールペンや細字のサインペンのほうが、鉛筆より常にきれいな結果になります。
縮小して使うものであれば20前後が目安で、ほとんどの用途がこれに当たります。各ストロークの外側に部分的に透明な帯が残るため、署名欄に収まるサイズまで縮めても、ギザギザの形ではなくペンの線として読めます。0まで下げるのは、完全な2値の画像が必要なとき、たとえば部分的な透明をすべて不透明として扱うシステムにPNGを渡す場合だけにしてください。40程度を超えると帯が本物の紙まで取り込み始め、線がにじんで見えます。
できます。「元のペンの色を保持する」をオンにしてください。初期状態でオフなのは、スマートフォンで撮影した黒インクが黒く写ることはめったにないからです。カメラは紙を基準にホワイトバランスを取るため、色あせた灰茶色が返ってきて、白い書類の上ではくすんで見えます。ほぼ黒に均せば、よくあるこのケースは解決します。青、赤、その他あえて色を選んだインクであれば、スキャンされた色を保持するのが正解です。ただし得られるのは本来のインクの色ではなく、カメラが記録した色です。
どこにも行きません。画像はブラウザのキャンバスを使ってページ内でデコード、しきい値処理、再エンコードされ、複製がサーバーに送られることはありません。唯一の例外は任意の「紙の切り出し」処理で、初回のみAIモデルのファイルを端末にダウンロードしますが、その後の実行もローカルであり、画像そのものが送信されることはありません。署名は、サーバー側に残る複製が仮定の話ではなく現実の問題になる数少ない画像なので、この点ははっきりさせておく価値があります。
3つとも最終的に透過PNGになりますが、解いている問題が異なります。背景削除と背景透過はどちらもAIの被写体セグメンテーションを実行し、人物、商品、物体といった被写体のある写真向けです。このページは初期状態でセグメンテーションを一切行わず、明るい面の上の細く暗い印を残したい平面の書類向けです。紙に署名して撮影するのではなく、マウスや指で署名を書きたい場合は、署名を手書きするページのほうが出発点として適しています。

その他の画像ツール

画像編集のニーズに応える他の強力なツールをご覧ください

画像圧縮

サイズ縮小

サイズ変更

寸法変更

画像切り抜き

領域を切り取る

形式変換

形式を変更

フォトエディター

写真を編集

画像回転

画像を回転

画像反転

水平/垂直反転

透かしを追加

透かし

枠線追加

画像枠線を追加

角丸

角丸を追加

フィルター

明るさ/コントラスト

顔をぼかす

顔を隠す

モザイク

領域をぼかす

背景削除

背景を削除

画質向上

AI拡大

テキスト追加

画像にテキストを追加

コラージュ

複数の画像を結合

HTMLから画像

Webを画像に

GIF からシーケンス

フレーム抽出

画像の余白を削除

空白の縁を削除

画像を一括リネーム

ファイル名を安全に一括変更

円形切り抜き

画像を円形に切り抜き

白黒

画像をグレースケールに変換

画像分割

画像をグリッドに分割

画像結合

画像を1つに結合

DPI変更

画像のDPIメタデータを設定

画像→Base64

画像をBase64にエンコード

画像をPDFに結合

複数の画像を1つのPDFにまとめる

HEIC→JPG

iPhoneのHEIC写真をJPGに変換

EXIF除去ツール

GPS位置情報を含む写真の隠しメタデータを表示・除去

ファビコン ジェネレーター

完全なアイコンセットとHTML

カラーパレット

画像から色を抽出

Base64→画像

Base64をデコードして画像に戻す

HEIC→PNG

iPhoneのHEIC写真をロスレスでPNGに変換

文字を被写体の後ろに

写真の被写体の後ろに文字を回り込ませる。すべてブラウザ内で完結

カラーピッカー

任意のピクセルのHEX・RGB・HSLを取得

署名メーカー

署名を手書きして透過PNGでダウンロード

背景透過ツール

背景を透明にする