完全ブラウザ内処理入力データはサーバーに一切送信されません
登録不要アカウント作成・ログイン不要で今すぐ利用可能
ワンクリックコピーGmail・Outlookにそのまま設定できます
ここにプレビューが表示されます
HTMLメール署名ジェネレーターとは
本ツールは、ビジネスメールで使用するプロフェッショナルなHTML署名を、テンプレートを選んで情報を入力するだけで簡単に作成できる無料オンラインツールです。作成した署名は、Gmail・Outlook・Thunderbird・Apple Mailなどの主要メールクライアントにワンクリックでコピー＆設定できます。
すべての処理はブラウザ内のJavaScriptで完結し、入力された個人情報はサーバーに一切送信されません。会員登録やログインも不要で、安心してご利用いただけます。
主な特徴
日本式署名対応会社名→部署→役職→氏名の日本式並び順
6種のテンプレートシンプル〜クリエイティブまで選べる
ワンクリックコピーGmail・Outlookにそのまま設定可能
HTMLメール署名の作成方法
テンプレートを選ぶ
6種類のデザインテンプレートから、用途やイメージに合ったものを選択します。選択後も自由に切り替え可能です。
情報を入力する
タブを切り替えながら、氏名、会社名、連絡先、SNSアカウントなどを入力します。入力した項目のみ署名に表示されるため、不要な項目は空欄のままでOKです。
プレビューを確認する
右側のプレビューエリアで、リアルタイムに署名の仕上がりを確認できます。PC/モバイルの表示切替も可能です。
署名をコピーする
「署名をコピー」ボタンをクリックします。リッチテキスト、HTMLコード、プレーンテキストの3種類から選べます。
メールクライアントに設定する
Gmail・Outlook・Thunderbird・Apple Mailの設定ガイドに従って、コピーした署名を貼り付けます。
メール署名に関する用語集
- HTMLメール署名
- HTML（HyperText Markup Language）で構成されたメール署名です。テキストのみの署名と異なり、画像・リンク・色・フォントスタイルなどのリッチな表現が可能です。多くのメールクライアントがHTML署名に対応していますが、一部の環境では正しく表示されない場合があります。
- プレーンテキスト署名
- 装飾を含まない、文字のみで構成されたメール署名です。あらゆるメールクライアントで正しく表示されるため、互換性が最も高い形式です。罫線（─）や記号（│、◆）で視覚的に区切りを付けることが一般的です。
- インラインCSS
- HTML要素の
style属性に直接CSSを記述する方式です。メールクライアントの多くは外部CSSや<style>タグを無視するため、メール用HTMLでは全てのスタイルをインラインで記述する必要があります。 - テーブルレイアウト
- HTML の
<table>タグを使ってレイアウトを構成する手法です。Webサイトではフレックスボックスやグリッドが主流ですが、メールクライアントではCSSレイアウトのサポートが限定的なため、テーブルレイアウトが推奨されます。 - CTA（Call to Action）
- ユーザーに特定のアクションを促す要素です。メール署名では「資料ダウンロード」「セミナー申込」などのボタンやリンクとして配置し、マーケティングに活用できます。
- Base64エンコード
- バイナリデータ（画像など）を文字列に変換するエンコード方式です。メール署名に画像をBase64で埋め込むと外部サーバーに依存せず表示できますが、一部のメールクライアント（Gmailなど）では制限があります。
HTMLメール署名の技術的な仕組み
メールクライアントのHTML/CSSサポート
Webブラウザとは異なり、メールクライアントのHTML/CSSサポートには大きな差があります。Gmailは <style> タグのサポートが限定的で、Outlook（デスクトップ版）はMicrosoft WordのレンダリングエンジンでHTMLを表示するため、float、flexbox、grid は使用できません。
そのため、メール署名のHTMLでは以下の制約を守る必要があります：
・レイアウトは <table> で構成する
・全てのスタイルを style 属性にインラインで記述する
・width と height はHTMLの属性で明示する
・Webフォントは使用せず、システムフォントを指定する
画像埋め込みの方式
メール署名に画像を含める方式は3つあります：
1. 外部URL参照 — 画像をWebサーバーに公開し、URLで参照する方式。最も軽量ですが、画像ブロック設定のメールクライアントでは表示されません。
2. Base64インライン埋め込み — 画像をBase64文字列に変換し、HTMLに直接埋め込む方式。外部サーバー不要ですが、メールサイズが増大し、Gmailでは一部制限があります。
3. CID添付 — 画像をメールの添付ファイルとし、cid: スキームで参照する方式。メール作成時に毎回添付が必要なため、署名ジェネレーターでは推奨しません。
本ツールの実装方針
本ツールは、画像を外部URL方式で参照することを推奨しています。プレビューではBase64表示しますが、本番の署名では画像をWebサーバーにアップロードし、そのURLを指定することで、最も広いメールクライアントで安定して表示できます。
よくある質問（FAQ）
- 入力した個人情報はサーバーに送信されますか？
- 送信されません。すべての処理はブラウザ内のJavaScriptで完結しており、入力データがサーバーに送信・保存されることはありません。安心してご利用ください。
- 作成した署名はGmailで使えますか？
- はい、使えます。「署名をコピー」ボタンでコピーした後、Gmailの設定 → 全般 → 署名の編集エリアに貼り付けるだけです。詳しい手順は設定ガイドをご覧ください。
- プロフィール画像が表示されません
- Base64埋め込み画像は一部のメールクライアント（特にGmail）で表示制限があります。安定した表示のためには、画像をWebサーバーにアップロードし、外部URLとして指定することを推奨します。
- 署名のHTMLを自分で編集できますか？
- はい、「HTMLコードをコピー」ボタンでHTMLソースコードを取得できます。テキストエディタで自由に編集してからメールクライアントに設定できます。
- レスポンシブ対応ですか？
- メール署名はテーブルレイアウトで構成されており、固定幅ベースのデザインです。これは多くのメールクライアントでの互換性を確保するためです。モバイルでの表示は、各メールクライアントが自動的に署名を調整します。
- 日本語フォントは指定できますか？
- メール署名ではカスタムフォントの指定は推奨されません。受信者の環境にフォントがインストールされていない場合、意図しない表示になるためです。本ツールでは、各OSの標準フォント（メイリオ、ヒラギノなど）にフォールバックする設定を使用しています。
メール署名ジェネレーターの活用シーン
新入社員のメール署名統一
入社時に統一デザインの署名テンプレートを配布。会社のブランドイメージを統一できます。
部署異動・役職変更時の署名更新
異動や昇格の際に、テンプレートを変えずに情報だけ更新。localStorageに保存されるので即完了。
フリーランスの自己ブランディング
SNSリンクやポートフォリオURLを含めた署名で、メール一通一通が自己PRの機会に。
キャンペーン告知用CTA付き署名
セミナー案内や資料ダウンロードのCTAボタンを署名に追加。営業メールの効果を最大化。
テレワーク時の連絡先追加
在宅勤務用の携帯番号やビデオ会議URLなど、リモートワーク固有の連絡先を追加。
海外取引先向けバイリンガル署名
氏名のローマ字表記や英語の会社名を併記し、国際的なビジネスメールに対応。