本文へスキップ
ToolMug

オンライン署名画像作成

契約書やフォーム用の署名画像が必要ですか。指、ペン、マウスで描くか、手書き風フォントで名前を入力するか、紙に書いた署名の写真をアップロードできます。紙と影を除いてインクだけを残し、白い四角のない透明 PNG と、JPG のみ対応するシステム用の白背景 JPG を作成します。

ブラウザ内で動作 — 入力した内容はアップロードされません

マウス、指、またはスタイラスで署名してください。

署名画像

左側で署名を描く、入力する、またはアップロードしてから、「署名画像を作成」をクリックしてください。

透明 PNG は Word、Google ドキュメント、PDF にそのまま貼り付けられます。JPG しか受け付けないシステムもあるため、白背景版も用意しています。何もアップロードされません。

使い方

  1. 「描く」「入力」「アップロード」から方法を選び、インクの色を選びます。
  2. 「署名画像を作成」をクリックすると、透明な署名が右側に表示されます。
  3. 文書には PNG を、システムが必要とする場合は白背景 JPG をダウンロードします。

オプションの説明

写真のアップロード
白い紙に濃いペンで署名し、均一な明るさで撮影してください。紙と影を明るさで除き、インクを選んだ色にします。
自動トリミング
署名の周囲の空白を切り詰め、少しだけ余白を残します。
入力した署名
端末にインストールされた手書き風フォントで描画するため、見た目はシステムによって異なります。

写真が透明な署名になるしくみ

アップロードした写真は、まず幅が最大 1,600 ピクセルになるように縮小されます。そのうえで、各ピクセルの明るさを、周囲の平均の明るさと比較します。周囲とは、画像の長辺の 1/16 を上下左右に広げた正方形の範囲です(最小 8 ピクセル)。照明にむらがあったり、やわらかい影があったりしても灰色の四角が残らないのはこのためで、自分の周囲より暗いピクセルだけがインクとして扱われます。

darkness = (local average − pixel brightness) ÷ local average
opacity  = (darkness − 0.10) ÷ 0.25, limited to 0–1

周囲より暗い度合いが 10% 未満のピクセルは完全に透明になり、35% 以上暗いピクセルは完全に不透明になります。その間は不透明度がなめらかに上がるので、ペンの線の縁がやわらかく仕上がります。たとえば、平均が 200 の紙の上にある明るさ 160 のピクセルは 20% 暗いので、不透明度は 40% になります。インクのピクセルはすべて、選んだ色に置き換えられます。

描いた署名や入力した署名は最初から透明なので、同じ処理は必要ありません。どの方法でも、線の周囲の空白は 4 ピクセルの余白を残して切り詰められます。

白背景の JPG は、完成した PNG を白の上に置いて作ります。署名の高さの 15% に当たる余白を四方に付け、JPEG 品質 95% で保存します。入力した署名には、Segoe Script、Snell Roundhand、Brush Script MT、STKaiti、KaiTi のうち最初に使えるフォントを使います。どれもなければブラウザの筆記体フォントになるため、端末によって見た目が異なります。

よくある質問

署名画像だけで法的効力がありますか?

画像だけなら単なる画像です。重要な契約で法的拘束力のある電子署名が必要な場合は、正式な電子署名サービスを使ってください。

PDF に追加するにはどうすればよいですか?

「PDF に署名」ツールを使うと、PDF に署名、日付、テキストを直接配置できます。

署名はアップロードされますか?

いいえ。ブラウザ内で作成され、ページを閉じると消えます。

プライバシー

このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。

関連ツール