cheat sheet
画像ファイルサイズの究極リファレンス
画像はどのくらいのサイズが適切？ ユースケース別の実用的なKB/MB目安
「この画像はどのくらいのサイズが適切？」——これはWebパフォーマンスで最もよく聞かれる質問です。正直な答えは「ユースケースによる」です。ここに実用的なリファレンスをまとめました。
ヒーロー画像 / ファーストビュー画像
| 種類 | 目標サイズ | フォーマット |
|---|---|---|
| 全幅ヒーロー（デスクトップ） | 150-300 KB | WebP / AVIF |
| モバイルヒーロー | 80-150 KB | WebP |
| 遅延読み込み（ファーストビュー下） | 最大500 KB | WebP / JPG |
サムネイル / 一覧画像
| 種類 | 目標サイズ | フォーマット |
|---|---|---|
| 商品グリッドサムネイル（300×300） | 15-40 KB | WebP / JPG |
| 記事プレビュー（640×360） | 30-80 KB | WebP |
| アバター（96×96） | 5-15 KB | WebP / PNG |
SNSアップロード
ほとんどのプラットフォームは積極的に再圧縮するため、こちらで過度に最適化しても無駄です。「最小サイズ」ではなく「高品質」を目指しましょう：
| プラットフォーム | 推奨アップロードサイズ |
|---|---|
| 1.5-3 MB（約150 KBに再圧縮されます） | |
| Twitter / X | 5 MB未満；それを超えると強制再圧縮 |
| 投稿は1 MB未満 | |
| 5 MB未満；ロゴはPNG、写真はJPG |
壁紙（ローカル保存時）
スマートフォンのストレージは大容量——サイズよりも品質が重要です：
| 解像度 | 適切なJPGサイズ |
|---|---|
| HD（1280×720） | 200-400 KB |
| フルHD（1920×1080） | 400-800 KB |
| 4K（3840×2160） | 1.5-3 MB |
| 5K（5120×2880） | 3-6 MB |
| 8K（7680×4320） | 6-12 MB |
メール署名と埋め込みグラフィック
| 用途 | 目標サイズ |
|---|---|
| メール署名画像 | 50 KB未満 |
| PDF埋め込み画像 | 200 KB未満 |
| スライドデッキ画像 | 500 KB未満 |
目標サイズを達成するためのツール
- JPG圧縮ツール — スライダー式で品質調整中にKBをリアルタイム確認。
- WebP変換ツール — 同じ品質で通常30-50%小さくなります。
- リサイズツール — 小さい寸法＝小さいファイル。まずリサイズ、次に圧縮。
- 一括処理 — フォルダ全体に目標設定を適用。
無料ツールをお試しください
- 画像リサイズツール — ピクセル単位のダウンスケール＆アップスケール。
- WebPに変換 — JPGより30-50%小さいファイル。
- 背景削除ツール — ワンクリックで切り抜き。
- SNS用リサイズツール — 各プラットフォームの正確な寸法。
- 一括処理 — 最大200枚の画像に任意のツールを一度に適用。
