メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
画像・軽量ファイル
/
メール署名画像
▨
メール署名画像
image/image-email-signature-size
メール署名画像の幅、高さ、容量、形式、透明背景の目安を一覧で確認できます。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
メール署名画像では、メール署名画像の幅、高さ、容量、形式、透明背景の目安を一覧で確認できます。
関連する観点として メール署名画像、email signature、画像変換 を確認し、結果をコピーして別の作業に使えます。
項目
内容
幅
300-600px
高さ
150-200px
ファイル
≤ 100KB
形式
PNG / JPEG
パディング
透明背景
使い方
幅と高さの行を見て、署名欄に収まる横長画像として設計します。
ファイル行の ≤ 100KB を目安に、メール本文の読み込みが重くならないよう圧縮します。
形式行で PNG と JPEG のどちらが向くか、透過や写真の有無で選びます。
透明背景の余白を保ち、Gmail、Outlook、スマートフォンで表示確認します。
入力例・出力例
INPUT
幅
OUTPUT
300-600px
INPUT
ファイル
OUTPUT
≤ 100KB
INPUT
形式
OUTPUT
PNG / JPEG
よくある利用シーン
会社ロゴ入りのメール署名画像を作る前に、横幅と容量の目安を決めたいとき。
Retina 対応で実画像を大きめに作りつつ、HTML 表示幅を抑える設計を確認したいとき。
PNG 透過と JPEG 圧縮のどちらが署名に向くか検討したいとき。
結果確認のポイント
出力サイズ、縦横比、ファイル形式、画質が用途に合っているか確認してください。
メール署名画像、email signature、画像変換の観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
重要な元画像は別に保存し、必要に応じて元データと比較してください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
メール署名画像の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
メール署名画像の推奨サイズはどのくらいですか?
この表では幅 300-600px、高さ 150-200px、ファイル ≤ 100KB、形式 PNG / JPEG を目安として表示します。実際の署名ではHTML表示幅、Retina用の実画像サイズ、メールクライアントの縮小表示を送信テストで確認してください。
メール署名にAVIFやWebPは使えますか?
多くのメールクライアント(GmailのHTMLメール含む)はJPEGとPNGに対応していますが、WebPやAVIFは非対応の場合があります。署名画像の互換性を最大化したい場合はPNG(透過が必要な場合)またはJPEG(写真系)が安全です。
Retinaディスプレイ向けにメール署名画像を2倍にすべきですか?
HTMLメールにimgタグで幅を指定する場合(例:width="300")、実ファイルを600pxで作るとRetina端末で鮮明に表示されます。ただしファイルサイズが増えるため、JPEGなら品質70〜80程度で圧縮して50KB未満に抑えるのが現実的です。
関連ツール
画像圧縮
画像をブラウザ上で圧縮・軽量化。JPEG/WebP出力、品質スライダーで調整。サーバーにアップロード不要で安全。
alt属性チェックリスト
装飾画像、情報画像、リンク画像、キャプション重複、125文字目安など alt 属性の判断項目を表で確認できます。
バナーサイズ一覧
Leaderboard、Medium Rectangle、Mobile Banner など代表的な広告バナー寸法を一覧表示します。
ダミー画像生成
指定サイズのダミー画像(プレースホルダー)をCanvas APIで生成。色・テキスト・フォーマット指定可能。Webデザインに。
favicon生成
1〜2文字またはアップロード画像から 16/32/48/180/192/512px の PNG favicon を canvas で生成します。
ファビコンサイズ一覧
16×16 から 512×512 までの favicon 用途、HTML link タグ、manifest icons の雛形を確認できます。
<figure>タグ生成
入力した画像 URL を src に入れ、loading と decoding を付けた figure/figcaption の雛形を生成します。
アイコンサイズ一覧
favicon、Apple Touch、Android Chrome、Windows Tile、iOS/Android アプリの代表アイコンサイズを用途別に確認できます。