ウェブサイト、メール、SNS向けの画像サイズ
ウェブページ、リンクプレビュー、メール、主要なすべてのSNSプラットフォームのピクセル寸法と比率のリファレンス表。
間違ったサイズで画像をアップロードすると、ぼやけた結果、切れた被写体、読み込みの遅いページのどれかになります。このリファレンスは2026年に通用する寸法を集め、プラットフォームがルールを変えたときに賢明な判断ができるよう根拠の説明を添えています。
2つの原則
高密度画面を考慮しつつ、表示サイズに合わせる。ほとんどのスマートフォンとノートPCは今やCSSピクセルあたり2〜3物理ピクセルの画面を持ちます。600 CSSピクセル幅で表示される画像は、シャープに見せるには1,200ピクセル幅であるべきです。2倍を超えると目に見える利点なしにファイルサイズが増えます。
ピクセル数より先にアスペクト比を正しく。プラットフォームは自動的に好みの比率に切り抜き、自動切り抜きは頭やロゴを切り落とします。切り抜きツールで自分で比率に切り抜き、次にリサイズツールでリサイズしてください。
ウェブサイトの画像
| 用途 | 幅 | 比率 | 目標ファイルサイズ |
|---|---|---|---|
| 全幅ヒーロー | 1,920px（超大型画面には2,560） | 16:9または21:9 | WebPで300KB未満 |
| コンテンツ / ブログ画像 | 1,200〜1,600px | 3:2または16:9 | 150KB未満 |
| カードやグリッドのサムネイル | 600〜800px | グリッド内で統一 | 60KB未満 |
| 商品画像 | 1,200〜2,000px | 1:1または4:5 | 200KB未満。ズーム用にはより大きく |
| ロゴ（ラスター） | 表示サイズの2倍 | デザインどおり | PNGまたはSVG |
| Open Graph / リンクプレビュー | 1,200×630px | 1.91:1 | 300KB未満、JPGまたはPNG |
| ファビコン | 16、32、48、64pxを1つの.icoに | 1:1 | 極小 |
| Appleタッチアイコン | 180×180px | 1:1 | PNG |
メール
メールクライアントは固定幅で描画し、本文は一般に600〜640ピクセルです。画像は1,200px幅（Retina用に2倍）で用意し、メッセージ全体を約1MB未満に保ってください。重いメールはGmailで切り詰められ、モバイルで開くのが遅くなります。JPGかPNGを使ってください。メールクライアントのWebP対応はまだ一貫していません。GIFはシンプルなアニメーションに問題ありません。
SNS
| プラットフォーム | 配置 | サイズ | 比率 |
|---|---|---|---|
| フィード、縦長（最もリーチが伸びる） | 1,080×1,350 | 4:5 | |
| フィード、正方形 | 1,080×1,080 | 1:1 | |
| ストーリーズ / リールのカバー | 1,080×1,920 | 9:16 | |
| プロフィール写真 | 320×320（円形で表示） | 1:1 | |
| フィード画像 | 1,200×630または1,080×1,350 | 1.91:1または4:5 | |
| ページのカバー | 1,640×856 | デスクトップでは820×312で表示 | |
| 投稿画像 | 1,200×627 | 1.91:1 | |
| 会社のバナー | 1,128×191 | 約5.9:1 | |
| X（Twitter） | 投稿画像 | 1,600×900 | 16:9 |
| X（Twitter） | ヘッダー | 1,500×500 | 3:1 |
| YouTube | サムネイル | 1,280×720 | 16:9、2MB未満 |
| YouTube | チャンネルバナー | 2,560×1,440（安全領域1,546×423） | 16:9 |
| TikTok | 動画カバー | 1,080×1,920 | 9:16 |
| ピン | 1,000×1,500 | 2:3 | |
| WhatsApp / Telegram | プロフィール写真 | 640×640 | 1:1 |
すべてのSNSプラットフォームはアップロードを再圧縮し、通常は品質75〜80程度のJPGにします。上記の正確な寸法で高品質（JPG 90またはPNG）でアップロードし、自分の圧縮に相手の圧縮を重ねるのではなく、プラットフォームに最終圧縮を一度だけ行わせてください。
念のため、印刷について
印刷は総ピクセル数ではなくインチあたりのピクセル数で測ります。300 ppiが標準です。6×4インチの写真には1,800×1,200px、A4ページには2,480×3,508px、A3ポスターには3,508×4,961pxが必要です。150 ppi未満は印刷で目に見えて甘くなります。品質95のJPGかロスレスフォーマットで用意してください。
素早いワークフロー
- 送り先が求める比率に切り抜く。
- 表の幅にリサイズする。表示サイズの2倍を超えないこと。
- ウェブサイトにはWebP、メールとSNSにはJPG、透明度のあるグラフィックにはPNGで書き出す。
- ファイルサイズを確認し、目標を超えていれば寸法を縮めるのではなく品質を数ポイント下げる。
4つのステップすべてを、画像をどこにもアップロードせずにこのサイトで行えます。