ブログ記事の画像サイズと容量の目安
ブログの画像が重いと、ページの表示が遅くなり、読者が離れてしまいます。どのくらいのサイズにすればよいのか、目安を持っておくと迷いません。
結論：記事内の画像は横幅 800〜1200px、容量は 100〜200KB を目安にしてください。形式は WebP、難しければ JPEG で十分です。
サイズの目安
| 記事内の画像 | 横幅 800〜1200px |
|---|---|
| アイキャッチ（OGP） | 1200 × 630px（16:9 に近い形） |
| サムネイル | 400〜600px |
| 容量 | 1枚あたり 100〜200KB 以下を目標に |
最近のスマホの写真は 4000px 前後あるため、そのまま貼ると数MBになります。必ず縮小してから使ってください。
おすすめの手順
- 撮った写真をリサイズして横幅 1200px 程度にする
- 必要ならトリミングして構図を整える
- WebP（または JPEG）で保存し、容量を確認する
- 200KB を超えていたら、品質を少し下げる
この順番が大切です。先に圧縮してから縮小すると、画質だけが落ちて容量は十分に減らないことがあります。
形式の選び方
- 写真：WebP か JPEG
- スクリーンショット・図：PNG か WebP
- 透過が必要なロゴ：PNG（または WebP）
WebP は主要ブラウザで表示できますが、RSS リーダーや外部サービスに取り込まれる可能性がある場合は JPEG が無難です。
この記事で使えるツール
関連記事
この記事について
サラッとツールズ編集部が、公開情報と実際の動作確認をもとに作成しています。内容に誤りがある場合はお問い合わせよりご連絡ください。