Email Signature HTML Generator
デザインツールもコードも不要で、数秒で洗練された専門的なHTMLメール署名を作成します。名前、職務経歴書、会社、連絡先、写真、ロゴ、ソーシャルメディアリンクを入力すると、このジェネレータは、Gmail、Outlook、Apple Mail、および他のほぼすべてのメールクライアントに直接貼り付けることができるクリーンな**inline-styled** HTMLを作成します。
入力
個人情報
スタイル
名前、リンク、垂直区切り線に使用されます。
写真とロゴ
正方形の画像が最適です (90x90以上)。
ソーシャルメディアリンク
ソーシャルメディアフィールドを空白のままにすると、そのアイコンが非表示になります。
免責事項
出力
署名を表示するフィールドに入力します。
Gmail、Outlook、Apple Mailおよびほとんどのメールクライアント用のinline-styled HTML。
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/email-signature-html-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"sigFullName": "Alex Morgan",
"sigJobTitle": "Senior Product Designer",
"sigCompany": "Acme Inc.",
"sigPhone": "+1 (415) 555-0123",
"sigEmail": "alex@acme.com",
"sigWebsite": "https://acme.com",
"sigAddress": "123 Market St, San Francisco, CA",
"sigLayout": "horizontal",
"sigFont": "system",
"sigAccentColor": "#464aff",
"sigTextColor": "#333333",
"sigFontSize": "13",
"sigPhotoEnabled": "true",
"sigPhotoUrl": "https://i.pravatar.cc/120?img=12",
"sigPhotoShape": "circle",
"sigLogoEnabled": "",
"sigLogoUrl": "",
"sigLinkedinUrl": "https://linkedin.com/in/alex-morgan",
"sigTwitterUrl": "https://twitter.com/alexmorgan",
"sigGithubUrl": "",
"sigInstagramUrl": "",
"sigDisclaimerEnabled": "",
"sigDisclaimerText": ""
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `email-signature-html-generator` tool (Email Signature HTML Generator) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/email-signature-html-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Email Signature HTML Generator — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
デザインツールもコードも不要で、数秒で洗練された専門的なHTMLメール署名を作成します。名前、職務経歴書、会社、連絡先、写真、ロゴ、ソーシャルメディアリンクを入力すると、このジェネレータは、Gmail、Outlook、Apple Mail、および他のほぼすべてのメールクライアントに直接貼り付けることができるクリーンなinline-styled HTMLを作成します。
スタイルはすべての要素に直接埋め込まれているため (ほとんどのメールクライアントが削除する <style> ブロックに依存していません)、署名は受信者にとってあなたと同じ方法で表示されます。
使い方
- 個人情報を入力します — フルネーム、職務経歴書、会社、電話、メール、ウェブサイト、住所。任意のフィールドを空白のままにすると、非表示になります。
- スタイルを選択します — レイアウト (左に写真がある水平、上に写真がある垂直、またはテキストのみのコンパクトバージョン)、フォントファミリー、アクセントカラーとテキストカラー、およびフォントサイズを選択します。
- 写真とロゴを追加します — ヘッドショット用の画像URLを貼り付け、オプションで会社ロゴを貼り付けます。正方形の画像 (90×90以上) は写真に最適です。
- ソーシャルメディアリンクを追加します — LinkedIn、Twitter/X、GitHub、Instagram。各アイコンはURLを入力した場合にのみ表示されます。
- 免責事項を追加します — 署名の下に機密保持または法的通知を含めることができます。
- HTMLをコピーまたはダウンロードします — 出力パネルから生成されたマークアップを取得してメールクライアントの署名設定に貼り付けるか、
.htmlファイルとしてダウンロードします。
ライブプレビューは、入力時にレイアウトとテキストを表示します。リンク、写真、ソーシャルメディアアイコンは、コピーされたHTMLソースに表示されます。これは実際の受信トレイ内で完全にレンダリングされるファイルです。
よくある質問
このシグネチャをGmailに追加するにはどうすればよいですか?
Gmail の Settings → See all settings → General → Signature を開き、新しいシグネチャを作成して貼り付けます。Gmail のシグネチャボックスはリッチコンテンツを受け入れるため、レンダリングされたシグネチャを貼り付けると書式が保持されます。プレーンHTMLの貼り付けが機能しない場合は、HTMLシグネチャのクライアントドキュメントで説明されている「挿入」アプローチを使用します。
Outlookで動きますか?
はい。シグネチャはテーブルベースのレイアウトとインラインスタイルを使用します。これはOutlookのレンダリングエンジンが最も確実に処理するアプローチです。HTMLをOutlookシグネチャエディタに貼り付けるか、ダウンロードした .html ファイルをOutlookシグネチャフォルダに保存します。
フォントが単一引用符を使用するのはなぜですか?
スペースを含むフォント名 (Segoe UI や Times New Roman など) は、周囲の二重引用符の style 属性と競合しないように単一引用符で囲まれています。これは、厳密なメールクライアントで署名が破損するのを防ぐための微妙な詳細です。
独自のホストされている写真とロゴを使用できますか?
もちろんです。公開アクセス可能な https:// 画像URLを貼り付けます。画像を安定した場所 (ウェブサイト、CDN、または画像ホスト) にホストして、時間の経過とともに受信者に読み込まれ続けるようにします。
プライバシー
このツールはブラウザで完全に実行されます。入力した詳細 (名前、メール、電話、画像URL) はデバイス上でHTMLを構築するためにのみ使用され、サーバーに送信されたり、保存されたりすることはありません。タブを閉じると、何も保持されません。