アイキャッチ画像のサイズは、記事内での見え方だけでなく、SNSでシェアされたときのカード表示にも影響します。迷ったら1200×630ピクセルを選んでおけば、ほとんどの場面で破綻しません。理由と、それ以外の画像の考え方を整理します。
なぜ1200×630なのか
この比率（約1.91:1）は、Facebook・X・LinkedIn・Slack・Discordなど、リンクプレビューを生成する主要なサービスがそろって推奨または許容しているサイズです。1枚用意すれば、サービスごとに作り直す必要がありません。
Facebookは高解像度のプレビュー表示のために1200×630以上を推奨しており、許容される最小サイズは200×200です。ただし600×315を下回ると、大きなカードではなく小さなサムネイル表示に切り替わります。これが実質的な下限と考えてよいでしょう。せっかく用意した画像が小さくしか出ないのは、シェアされたときの見栄えとして損です。
Xで大きなカード（summary_large_image）を表示させる場合も、1200×630でそのまま機能します。
記事内の挿絵は別の考え方でよい
アイキャッチと記事内の挿絵は役割が違います。挿絵は本文の幅に収まればよいので、正方形でも縦長でも問題ありません。むしろ横長にこだわると、スマートフォンで表示したときに縦の情報量が減り、小さくつぶれて見えることがあります。
手順の説明図やチェックリストのような、細部を見せたい画像は正方形や縦長のほうが読みやすくなります。用途で使い分けてください。
文字を重ねるなら余白のある構図を選ぶ
アイキャッチにタイトル文字を重ねる構成にする場合、被写体が画面の中央いっぱいに配置された画像だと、文字を置く場所がありません。あらかじめ余白のある構図を選んでおくと、加工の手間が大きく減ります。
文字を置く位置は左右どちらかに寄せるのが一般的です。素材を選ぶ段階で「どこに文字が入るか」を想像しておくと、あとで作り直さずに済みます。
ファイルサイズも見ておく
画像の寸法が適切でも、ファイルサイズが大きすぎるとページの表示が遅くなります。表示速度は読者の離脱に直結するため、アイキャッチは1MB以内に収めるのが目安です。WebPのような圧縮効率の高い形式を使うと、見た目を保ったままサイズを下げられます。
Visual Hubの素材について
当サイトでは、正方形（1024×1024）と横長（1408×768）の2種類のサイズで素材を配布しています。横長素材はブログのヘッダーやSNSでのカード表示を想定し、文字を重ねられる余白を意識した構図で生成しています。
横長素材の比率は約1.83:1で、1200×630（約1.91:1）とほぼ同じです。そのまま書き出しても重要な部分が切れにくい作りになっています。形式はWebPなので、ファイルサイズも小さく抑えられます。