コンテンツへスキップ
EVOA Toolbox

メール署名作成ツール

写真、連絡先、SNSリンク付きの、すっきりしたテーブル形式のHTMLメール署名を作成。ライブプレビュー、HTMLまたはリッチテキストでのコピー、ダウンロードに対応。

ブラウザー内でローカルに処理されます。テキストはアップロードされません。

ツールを読み込み中…

このツールでできること

名前、役職、会社、連絡先、SNSのリンクを入力し、テンプレートとアクセントカラーを選ぶと、そのまま使えるHTMLの署名ができあがります。マークアップはテーブルベースで、インラインスタイルのみを使います。これは、モダンなCSSの扱いがそれぞれ異なるGmail、Outlook、Apple Mailで、最も安定して表示される方法です。

プレビューはサンドボックス化されたフレームで動作するため、表示されるものが実際の出力です。HTMLソースをコピーするか、メールクライアントの署名エディターにそのまま貼り付けられるリッチテキストとしてコピーするか(ブラウザーが対応している場合)、独立した.htmlファイルとしてダウンロードできます。写真はアップロードでき(160 pxに縮小されてHTMLに埋め込まれます)、httpsアドレスからリンクすることもできます。

入力した内容はすべてHTMLエスケープされ、リンクはhttp、https、mailto、telに限定されます。そのため、貼り付けた値によってスクリプトが挿入されたり、リンクが乗っ取られたりすることはありません。すべてブラウザー内で処理され、何もアップロードされません。

使い方

  1. 1ご自身の情報を入力します。「例を挿入」を使うと、入力済みの署名を確認できます。
  2. 2SNSのプロフィールリンクと、必要に応じて写真(アップロードまたはhttpsのURL)を追加します。
  3. 3テンプレートとアクセントカラーを選びます。4つのテンプレートを利用できます。
  4. 4プレビューを確認し、リッチテキストまたはHTMLとしてコピーするか、.htmlファイルをダウンロードします。
  5. 5メールクライアントの署名設定に貼り付け、自分宛にテストメールを送ります。

対応形式

出力:HTMLフラグメント(テーブルベース、インラインCSS)と、独立した.htmlファイル。写真のアップロード:PNG、JPG、WebP。

プライバシー

このツールはブラウザー上で動作します。入力されたデータはお使いのデバイス上で処理され、当社のサーバーには送信されません。

制限事項

  • メールクライアントによって動作は異なります。たとえばGmailは、署名に埋め込まれた画像(データURI)を削除するため、その場合はhttpsの画像URLを使ってください。必ずテストメールを送信してください。
  • 写真を埋め込むと、HTMLが大きくなります。写真は160 pxにリサイズされますが、一部のクライアントでは、大きなインライン画像がブロックされたり切り取られたりすることがあります。
  • 一部のクライアントは、リッチテキストの貼り付けには対応していても、書式の一部を無視します。その場合は、HTMLソースをコピーする方法に切り替えてください。
  • ダークモードのメールアプリでは、文字の色が変更されることがあります。シンプルで、コントラストの高い色が最も安定します。
  • テキストのみの設定は、まだ次回の訪問時に保存されません。

よくある質問

GmailやOutlookに署名を設定するにはどうすればよいですか?

「リッチテキストとしてコピー」を使い、メールクライアントの署名設定を開いて、署名ボックスに貼り付けます。リッチテキストの貼り付けが使えない場合は、ダウンロードした.htmlファイルをブラウザーで開き、すべて選択してそこからコピーしてください。

モダンなCSSではなく、テーブルを使うのはなぜですか?

多くのメールクライアント、特にWindows版のOutlookは、CSSのごく一部にしか対応していません。インラインスタイルを使った入れ子のテーブルが、レイアウトを確実に制御できる方法です。

自分で入力していないリンクを貼り付けても安全ですか?

リンクは検証されます。許可されるのはhttp、https、mailto、telのみで、javascript:やdata:のリンクは警告とともに破棄されます。すべてのテキストはエスケープされます。

写真はどちらの方法がよいですか?

ホスティングされたhttpsのURLなら、署名が小さく保たれ、Gmailでも動作します。アップロードした写真はHTMLに埋め込まれるため、インライン画像を受け付けるクライアントに向いています。

利用できるテンプレートはどれですか?

クラシック、ミニマル、モダン、バナーです。

関連ツール