メール署名HTML生成ツール
ガイド
メール署名HTML生成ツール
レイアウトを選択し、名前、役職、連絡先、ソーシャルリンク、アクセントカラー、オプションのプロフィール写真または会社ロゴを入力すると、リアルタイムプレビューが表示され、Gmail、Outlook、Apple Mailおよびほとんどのメールクライアントに貼り付けることができるインラインスタイルHTMLが生成されます。
使用方法
- 入力する 個人情報：フル名、職位、会社、電話番号、メールアドレス、ウェブサイト、および住所。空欄にするとその項目が非表示になります。
- [表示モード]を選択してください レイアウト (水平、垂直、またはコンパクトテキストのみ)、フォントファミリー、アクセントカラー、テキストカラー。入力中にプレビューが更新されます。
- を切り替える プロフィール写真 オンまたはオフにし、画像URLを貼り付け、丸、丸い、または正方形の形状を選択します。必要であれば、会社ロゴも同様に追加できます。
- 次の ソーシャルリンク フィールドにURLを貼り付けます（LinkedIn、Twitter / X、GitHub、Instagram）。空欄のフィールドはスキップされ、破損したアイコンは発生しません。
- クリック レンダリングされた署名をコピー そして、あなたのメールクライアントの署名設定に貼り付けます。または HTMLをコピー を好み、原始的なマーカーを貼り付けます。
機能
- ライブプレビュー — 受信者に実際に表示される内容を、仮のメールのシェル内で挨拶と署名とともに確認できます。
- 3つのレイアウト — 水平（写真が左、テキストが右でアクセント分離線）、垂直（写真が上）、およびコンパクト（テキストのみ）。
- インラインスタイルHTML — 各要素にインラインCSSを使用しているため、Gmail、Outlookデスクトップ、Outlookウェブ、Apple Mailおよびほとんどのモバイルクライアントで一貫して表示されます。
- スマート連絡先行 — 電話番号が
tel:リンクになり、メールアドレスがmailto:、ウェブサイトURLがクリック可能になり、住所はテキストとして残ります。 - 設定可能な写真の形状 — 丸、丸い正方形、または硬い正方形。ブランドに合う見た目を選んでください。
- ソーシャルアイコンセット — LinkedIn、Twitter / X、GitHub、Instagram。空欄のフィールドは静的スキップされます。
- オプションの免責ブロック — 法的または機密性に関する多くの企業が要請する記載です。
- 2つのコピーモード — レンダリングされた署名をコピー（Gmailにリッチテキストとして貼り付け）または原始HTMLをコピー（高度な編集者向け）。
- ブラウザ内で完全に動作 — サーバーにアップロードされません。あなたの写真URLおよび連絡先情報はあなたのデバイスから離れません。
よくある質問
-
メール署名がインラインCSSを使用する理由は、スタイルシートを使うのではなく？
多くのメールクライアントはセキュリティおよびレンダリングのため、ブロック、タグ、および外部CSSを削除します。特にOutlookはクラスやスタイルシートを無視し、個々の要素にインラインスタイル属性をしかるべきものとして扱います。各要素に直接ルールをインラインで適用することは、Gmail、Outlook、Apple Mailおよびモバイルクライアントで一貫して表示されるための最も信頼できる方法です。
-
メール署名がHTMLテーブルを使用する理由は、divやflexboxを使うのではなく？
Windows用のOutlookはHTMLメールにMicrosoft Wordのレンダリングエンジンを使用しており、現代的なCSSレイアウトに対応力が弱いです。幅、パディング、ボーダー属性を持つテーブルは、Word-Outlookで同じようにレンダリングされる唯一のレイアウトの基本です。写真とテキストの列にネストされたテーブルを使用することは、HTMLメールにおける確立された互換性パターンです。
-
レンダリングされたHTMLと原始HTMLのソースを貼り付ける違いは？
レンダリングされた署名（リッチテキスト）を貼り付けると、メールクライアントが視覚出力を取り込み、その上で独自のHTMLを再構築します。これはGmailの署名エディタが期待するものです。原始HTMLソースを貼り付けるのは、高度な編集者（Outlookデスクトップ署名ファイル、Apple Mailのplistファイル、第三者署名マネージャー）が望むもので、それらはマーカーを正確に保存し、送信時に再レンダリングします。
-
メール署名の画像は、添付ではなく公開URLにホストすべき理由は？
写真が添付またはdata: URLとして埋め込まれると、多くのクライアントがそれを添付のアイコンとして表示または単に非表示にします。公開可能なHTTPS URLにリンクすることで、受信者のクライアントが他のHTMLメールと同じように画像を直接取得できます。画像ブロッキングが唯一の非表示手段となり、受信者は一度選択すれば、今後のすべてのメールで機能します。
-
mailto:およびtel:リンクは、保守的なメールクライアントでもなぜ機能するのか？
mailto: and tel: are URI schemes defined in the HTML spec and supported by every operating system, so email clients treat them the same way browsers do — clicking them hands the URI off to the OS, which opens the default mail or phone app. Because the scheme handlers live in the OS, no third-party permissions or special rendering is required, which is why these links survive even the strictest email-client sanitizers.
恵 スコアボードが到着しました！
スコアボード ゲームを追跡する楽しい方法です。すべてのデータはブラウザに保存されます。さらに多くの機能がまもなく登場します！
必見ツール
すべて表示参加する
価値ある無料ツールの提供を継続するためにご協力ください
