完全無料

メール署名 HTML 作成

プロフェッショナルなHTMLメール署名をリアルタイムプレビューで作成。無料・ブラウザのみで動作し、Gmail・Outlook・Apple Mailに対応。

Contact Information

ライブプレビュー

Email preview

Best regards,

Lorem ipsum dolor sit amet, consectetur adipiscing elit...

Your Name Job Title

HTMLコード

Gmailで使用する場合:設定 > すべての設定を表示 > 全般 > 署名 でHTMLコードを貼り付けてください。

このツールについて

電子メールの署名は、すべてのビジネス メールの下部に表示されます。適切な署名には、名前、役職、会社名、電話番号、電子メール、さらにはソーシャル メディアのハンドル名や Web サイトも含まれることが増えています。署名は単なる連絡先情報を超えて、色、フォント、小さなロゴ画像を通じてブランドを強化します。送信されたすべてのメールに同じ署名が適用されることで、職業上のアイデンティティの一貫性が保たれます。

HTML で電子メールの署名を手動で作成するのは面倒で、マークアップも乱雑になります。電子メール クライアントは HTML のレンダリングに一貫性がないため、あるアプリでは正しく表示される署名が、別のアプリでは壊れて表示されます。ジェネレーターは、電子メールセーフな HTML (テーブルベースのレイアウト、インライン CSS、Web セーフ フォント) を使用して署名を生成し、主要クライアント間で確実にレンダリングします。

このジェネレーターはブラウザーで署名を構築します。詳細を入力し、レイアウトと色をカスタマイズし、HTML としてエクスポートして、Gmail、Outlook、Apple Mail、またはその他の電子メール クライアントに貼り付けることができます。ほとんどのクライアントは、設定を通じて HTML 署名を受け入れます。

電子メール署名ジェネレーターを使用する理由

手作業でコーディングされた HTML 署名は微妙な方法で壊れます。 Outlook は特定の CSS を無視し、Gmail は他の CSS を取り除き、モバイル クライアントのレンダリングは異なります。ジェネレーターは、すべての主要なレンダリング パスに耐える電子メール セーフな HTML を生成し、クライアント間テストのデバッグ時間を節約します。

一貫性は組織規模でも重要です。多くの従業員を抱える企業では、1 つの署名テンプレートを全従業員に適用することでメリットが得られます。ジェネレーターは、デザインは一定のまま、人ごとに異なる名前/タイトル フィールドでこれをサポートします。

使い方

詳細を入力し、カスタマイズし、コピーします。

  1. あなたの情報を入力してください: 名前、役職、会社名、電話番号、電子メール、ウェブサイト。オプション: アドレス、ソーシャル ハンドル、写真またはロゴ。
  2. テンプレートを選択してください: 最小限のテキストのみ、写真 + テキスト、ロゴ + テキスト、または完全な企業情報。それぞれがさまざまな業界や個人のスタイルに適しています。
  3. カスタマイズ: 色、フォント、レイアウトの調整。必要に応じて、プロフィール写真や会社ロゴを追加します。
  4. HTMLをコピーする: 生成された HTML がクリップボードにコピーされました。電子メール クライアントの署名設定に貼り付けます。
  5. テスト: 自分自身にテスト電子メールを送信して、署名が正しくレンダリングされることを確認します。さまざまなクライアント (ウェブ Gmail、モバイル、Outlook) で開いて、レンダリングの問題を特定します。

一般的な使用例

技術的な詳細

電子メールセーフ HTML では、(CSS フレックスボックス/グリッドではなく) テーブルベースのレイアウトが使用されます。これは、Outlook やその他の古いクライアントでは一貫してテーブルが表示されますが、最新の CSS レイアウトは壊れる可能性があるためです。多くのクライアントが <style> ブロックを削除するため、インライン CSS が使用されます。

フォント: Web セーフ フォント (Arial、Helvetica、Georgia、Verdana) は、クライアント間で確実にレンダリングされます。 @font-face によるカスタム フォントは、ほとんどの電子メール クライアントでは機能しません。これらを使用するには、Web セーフな代替手段へのフォールバックが必要です。

画像: プロフィール写真とロゴはホストする必要があります (一部のクライアントによって拒否されるため、base64 として埋め込まれないでください)。メール受信者がアクセスできる安定した URL を使用してください。混合コンテンツの警告を回避するには、HTTPS が必要です。

ベストプラクティス

よくある質問

この署名を Gmail に追加するにはどうすればよいですか?
「Gmail 設定」→「一般」→「署名」に移動します。 HTML アイコンをクリックして (または直接貼り付けて)、生成された HTML コードを貼り付けます。 Gmail はそれを書式設定された署名として表示します。
署名は Outlook で機能しますか?
はい。生成された HTML は、Outlook と最も互換性のある形式であるテーブルベースのレイアウトとインライン スタイルを使用します。 Outlook のレンダリング エンジンには制限があるため、背景画像や複雑な CSS は避けてください。
なぜプレーン テキストではなく HTML 署名を使用するのでしょうか?
HTML 署名は、書式設定されたテキスト、ブランド カラー、クリック可能なリンク、ソーシャル メディア アイコン、プロフェッショナルなレイアウトをサポートします。特にビジネスコミュニケーションでは、プレーンテキストよりも強い印象を与えます。
ロゴやプロフィール写真を含めることはできますか?
署名に画像 URL を追加できます。信頼性を最大限に高めるには、永続的な URL (会社のサーバーまたはイメージ CDN) でイメージをホストします。埋め込み/添付された画像は、すべての電子メール クライアントで表示されない場合があります。
法的な免責事項についてはどうですか?
一部の業界 (法律、金融、医療) では、署名に法的免責事項を記載する必要があります。業界の要件を確認してください。ジェネレーターには免責事項のテキストを含めることができます。
コンテキストごとに異なる署名を使用できますか?
ほとんどの電子メール クライアントは複数の署名をサポートしています。クライアントの設定でそれぞれを構成します。ジェネレーターはバリアントを生成できます。
私のデータはアップロードされていますか?
いいえ。生成はブラウザ内で行われます。
署名の長さはどれくらいにすべきですか?
5〜7行はプロフェッショナルです。さらに、署名はショートメールの大半を占めます。広範囲にわたるソーシャル ハンドルや免責事項を含む長い署名は、乱雑に感じられます。