こんにちは、さんパパです！
WordPressでブログを運営していると、アイキャッチや記事内の画像サイズで悩んでいる人、多いです👇
- WordPressのアイキャッチ画像って、結局何pxが正解？
- 調べたけど、テーマによって違うとかよく分からない
- SNSでシェアしたときに画像が切れるのはなぜ？
この記事では、初心者向けに「サイズ」と「比率」をサクッと解説します。
※画像を軽くする（圧縮・軽量化）の話は別記事でまとめます（最後に案内します）
この記事を書いた人
ブログ×LINEで「集客→販売→サポート」を自動化して、子供との時間を最優先に暮らしています。以前は毎日ブログを書いてアドセンス中心で稼いでいましたが、疲弊したので“仕組みで回る導線”に切り替え。メルマガを経て、2021年からLINE運用に一本化しました。これまで5年間で1500人以上の相談・サポートを担当。「商品はあるのに売れない」「集客が増えない」「個別対応で時間が消える」…このあたりが課題なら、解決の道筋を一緒に作れます→プロフィール詳細はこちら>
WordPressブログのアイキャッチ画像「サイズ・比率」早見表
迷ったら、ここだけ見て終わってOKです👇
| 目的 | 推奨サイズ（px） | 比率 | ひとこと |
|---|---|---|---|
| 基本（いちばん無難） | 1200×630 | 1.91:1 | 迷ったらこれで統一 |
| 16:9で統一したい | 1280×720 | 16:9 | 動画/スライドと相性◎ |
| 正方形が必要 | 1200×1200 | 1:1 | 正方形運用が多い人向け |
最低ラインの考え方
画像は 「表示される幅」より小さいと拡大されてボケます。
- 横600px：横1200で表示されたら 2倍拡大 → 文字がにじみやすい／粗く見える
- 横800px：環境によって 1.5倍前後の拡大 → なんか微妙（特に文字入り）
- 横1200px：だいたい 等倍〜縮小表示 → 基本きれいに見える
なので結論はこれです👇
- 最低ライン：横1200px以上（迷うならこれ）
- 余裕があれば：横1600px（写真を大きく見せるテーマ・横長デザイン多めの人）
※サイズを大きくすると画像が重くなりがちなので、容量を落とす方法（圧縮）は別記事で解説します。
サイズと比率の違い
- サイズ：画像の大きさ（例：1200×630px）
- 比率：画像の形（例：1.91:1 / 16:9 / 1:1）
ポイントはこれです👇
- 比率が合ってないと、表示側でトリミング（切り抜き）されやすい
- 逆に、比率さえ合っていれば「多少のpx差」は致命傷になりにくい
SNS（Xなど）は比率がズレると切られるので、比率は意識しましょう。
どのサイズ（比率）を選ぶべきか
1200×630（1.91:1）を選ぶべき人
基本は、この比率でOK。
- ブログもSNSも、まんべんなく使う
- どのテーマでも「無難にハマりやすい」形にしたい
- 迷うのが嫌
このブログも基本的に「1200×630」にしています。
なので、初心者は「1.91:1（1200×630）に統一」しておけばよいでしょう。
1280×720（16:9）を選ぶべき人
16:9が向くのは、こんな人👇
- YouTubeサムネやスライドとデザインを揃えたい
- 横長の写真・構図が多い
- テーマ側の表示が16:9前提っぽい（後述）
統一する目的がある人だけ16:9でOK。
1200×1200（1:1）を選ぶべき人
正方形は「一部の人にだけ便利」です👇
- 正方形の表示が多い場所で発信している
- 素材の使い回し重視で、トリミング前提で運用したい
ただし、ブログのアイキャッチとしては万能ではありません。
迷うなら、1.91:1（1200×630）がいちばん無難です。
アイキャッチ画像が崩れるのはなぜ？テーマ側のトリミング設定が原因
「同じ画像なのに、テーマによって見え方が違う」という問題がよく起こります。
原因はシンプルで、テーマ側が “表示ルール” を持ってるからです👇
- 16:9で切り抜く（横長で統一して見せる）
- 正方形で切り抜く（一覧カードを揃える）
- 上下をカットする（カード表示で高さを固定する）
つまり、あなたが作った画像がどんな比率でも、テーマが「この形に揃える」と決めてたら、勝手に切られます。
自分のテーマの比率を見分ける方法
Windows
- 画像を右クリック → 「名前を付けて画像を保存」
- 保存した画像を右クリック → 「プロパティ」
- 「詳細」タブ → 「寸法（幅×高さ）」
Mac
- 画像を保存
- Finderで画像を右クリック → 「情報を見る」
- 「詳細情報」にサイズ（px）が出ます
（またはPreviewで開いて「ツール → インスペクタ」で確認）
アイキャッチ画像をきれいに表示させる方法
自分のテーマに合った比率（サイズ）が分かったら、やることは2択です👇
画像を作り直して差し替える（いちばん確実）
- Canvaなどで テーマに合ったサイズ（例：1200×630）で作成
- WordPress投稿画面で アイキャッチ画像を削除 → 新しい画像を設定
- 既存画像を使うなら、アップ前に リサイズ（横1200px以上推奨）して差し替え
テーマ側の表示比率を変更する（テーマ依存）
※変更方法はテーマによって違います。このブログのテーマ「AFFINGER6」の場合はここ👇
ダッシュボード → AFFINGER管理 → 全体設定 → サムネイル画像設定 →「スライド・カード型 サムネイル画像の縦横比」
結論、確実なのはこの流れです👇
①テーマの表示枠（比率）を確認 → ②その比率で画像を作る → ③アップロードして公開
よくある質問（FAQ）5個
Q1. 小さい画像でも一応表示されるけど、ダメ？
表示はされますが、損失もあります👇
- 引き伸ばされてぼやける
- 雑に見えてクリック率が落ちやすい
なので、最初から横1200px以上で作る、もしくは編集するのがラクです。
Q2. 記事ごとに比率バラバラでもいい？
できます。でも初心者はやめた方がいいです。
- デザインがチグハグになる
- 毎回「どれで作る？」で迷う
- 正直、メリットが薄い
「固定する = 迷わない = 時短」で、制作スピードも上がります。
Q3. SNSでアイキャッチが切れるのはなぜ？
多くの場合、原因はこのどちらかです👇
- 比率が合ってない
- 端に文字を置いてる（SNS側でトリミングされる）
対策はこう👇
- 比率を合わせる（1.91:1 or 16:9）
- 文字は中央に寄せる（端は切れる前提）
これで、SNSでもきれいに表示されやすくなります。
Q4. 推奨サイズより大きく作ってもいい？
OKです。むしろ小さいより安全です。
目安は「横1200px以上〜1600pxくらい」までならOK。
ただし大きいほど重くなりやすいので、容量調整（圧縮）は必須です。
Q5. 統一するなら結局どのサイズが一番おすすめ？
「1200×630（1.91:1）」です。理由はこれ👇
- ブログでもSNSでも無難で、迷う時間がゼロになるから
- 僕が1200×630（1.91:1）に統一してるから
※YouTubeサムネと統一したい人だけ、例外で 1280×720（16:9） でもOK。
まとめ：アイキャッチは「サイズ固定」でOK（迷う時間ゼロ）
というわけで、内容をまとめます👇
- 迷ったら 1200×630（1.91:1） で統一
- 16:9で揃える目的があるなら 1280×720（16:9）
- テーマで切れ方が変わるので、重要要素は中央に置く
結論、アイキャッチは毎回いじらず、ブログ内でサイズ（比率）を統一するのが正解です。
それだけで、見やすくなって、全体もきれいに見えます。
今日やること（これだけ）
- アイキャッチ画像のサイズを決めて固定する（今後は決めたサイズで作る）
- 画像を圧縮する（画質は残しつつ、容量だけ減らす）
サイズが決まったら、次は「画像を軽くする」だけで完成です。
圧縮・WebP・容量目安は別記事にまとめました👇
▶︎ 関連記事：WordPress画像の圧縮方法｜容量を落として表示速度を上げる（準備中）
尚、画像の素材集めについてはこちらの記事で解説してます👇
-
-
ブログ画像はどこから手に入れる？無料・商用OK・表記不要サイト4選
ブログ画像はどこから手に入れるか悩んでる人へ。 ネットの拾い画はトラブルの元です。 写真ACやO-DANなど、商用OK・表記不要な厳選サイト4選を公開。 最低限守るべき著作権の注意点を理解して、安全かつスムーズにブログ運営を進めましょう。
続きを見る
それではまた！
