メール署名の画像は、Gmail、Outlook、Apple Mail、モバイルなど、あらゆるメールクライアントで 素早く読み込めるほど小さくある必要があります。一方でRetinaディスプレイでも鮮明に見える必要があります。 最も一般的なミスは大きな画像をアップロードしてメールクライアントに縮小させることで、ぼやけた画像や スパムとしてフラグが立てられる可能性のある遅い読み込みのメールにつながります。このガイドでは メール署名の画像の各タイプに適切な寸法を説明します。
メール署名の画像サイズ — クイックリファレンス
- 会社ロゴ:2倍サイズで300×100 px(表示サイズ150×50 px)
- バナー/プロモーション画像:最大600×150 px
- ヘッドショット/プロフィール写真:100×100 px(表示サイズ)
- ソーシャルメディアアイコン:各20×20 px
- ファイル形式:ロゴはPNG、写真はJPG
- 最大ファイルサイズ:画像あたり50 KB以下、合計100 KB以下
メール署名の会社ロゴサイズ
メール署名の会社ロゴは通常150×50 pxまたは200×66 pxで表示されます。Retina(高DPI) スクリーンでシャープに見せるために、2倍解像度で画像をアップロードしてください:
- アップロード:300×100 pxまたは400×133 px(表示サイズの2倍)
- HTML幅属性:ピクセル幅の半分に設定(例:300 px幅の画像に
width="150") - ファイル形式:透明度やテキストがあるロゴはPNG;写真系のロゴはJPG
- ファイルサイズ:20 KB以下
メール署名にはSVGを使用しないでください — ほとんどのメールクライアントがサポートしていません。 PNGまたはJPGを使用してください。
メール署名バナーサイズ
メール署名のプロモーションバナー(例:「ウェビナーに参加」や季節のプロモーション)は メールの幅と一致する必要があります:
- 推奨幅:600 px(標準メール本文幅に一致)
- 高さ:100〜200 px。短く保ってください — 長いバナーは署名をメールの 下すぎる位置に押しやります。
- ファイルサイズ:50 KB以下
- ファイル形式:写真はJPG、テキストがあるグラフィックはPNG
Outlookは800 pxより幅広い画像をクリップします。モバイルのGmailは画面に合わせて署名を スケーリングします。600 pxのバナーはすべてのクライアントで安全です。
メール署名のヘッドショット/プロフィール写真
メール署名のプロフェッショナルなヘッドショットはメールをより個人的にします:
- 表示サイズ:80×80 pxから100×100 px
- アップロード:200×200 px(2倍Retina) — まず正方形にクロップ
- 形状:正方形または円形(円形は署名HTMLでCSS
border-radius: 50%で適用) - ファイル形式:JPG
- ファイルサイズ:20 KB以下
メール署名画像が小さくなければならない理由
メール署名の大きな画像はいくつかの問題を引き起こします:
- スパムフィルター:大きな画像とテキストが少ないメールはスパムフィルターを トリガーします。画像とテキストの比率をバランスよく保ってください。
- 遅い読み込み:モバイルや遅い接続の受信者は画像が読み込まれる間に 空白スペースを見ます。100 KBを超える画像は受信トレイのレンダリングを目に見えて遅くします。
- デフォルトでブロック:Outlookやエンタープライズメールクライアントのほとんどはデフォルトで外部画像をブロックします。 受信者が手動で画像を許可するまで署名が壊れて見える場合があります。
- ストレージ:各送信メールは埋め込み画像のコピーを保存します。 500 KBの画像が入ったメールを1000件送るとサーバーストレージが500 MB無駄になります。
メール署名用に画像をリサイズする方法
- Picovertの画像リサイズツールを開きます — 無料、アカウント不要。
- 目標寸法を設定します:ロゴは300×100 px(2倍Retina)、ヘッドショットは200×200 px (2倍Retina)、バナーは600×150 px。
- 比率が合わない場合は、まず クロップツールで正しい比率にクロップしてください。
- リサイズ後、 Picovertの圧縮ツールを使って50 KB以下になるよう 画像を圧縮してください。
- ロゴはPNG、写真はJPGで保存してください。
メール署名画像でのPNG対JPG
- PNGを使用:ロゴ、アイコン、テキストがある画像に。PNGはシャープなエッジを 保ちて透明度をサポートするため、透明背景のロゴがどんなメール背景色でも正しく表示されます。
- JPGを使用:写真とヘッドショットに。JPGは写真に対してはるかに小さいファイルを 生成します — 200×200ヘッドショットはJPGで8〜15 KBですが、PNGでは30〜60 KBです。
- GIFを避ける:シンプルなアニメーションが必要でない限り。署名のアニメーションGIFは 気を散らす可能性があり、しばしばブロックされます。
- WebPを避ける:Outlook 2019と古いmacOSのApple MailはWebP画像を 表示しません。
メール署名画像のベストプラクティス
- 画像を外部にホストし、埋め込まないようにしてください。外部画像はURLから 読み込まれ、メールファイルサイズに影響しません。会社のウェブサイトやCDNを使用してください。
- HTMLに常に幅と高さ属性を設定してください。画像が読み込まれる間にスペースを 確保し、レイアウトシフトを防ぎます。
- すべての画像にaltテキストを追加してください。画像がブロックされた場合、 壊れた画像アイコンの代わりに名前と会社が表示されます。
- 複数のクライアントでテスト:Gmail、Outlook、Apple Mail、モバイル。 署名のレンダリングはクライアントによって大きく異なります。