アイキャッチとは？Pvを倍増させる画像設定の黄金比と作成術 - 複眼インデックス

アイキャッチとは？Pvを倍増させる画像設定の黄金比と作成術の基礎知識と応用に迫る! わかりやすい言葉で紐解きます。

アイキャッチ画像を設定しないWebサイトは、集客面で極めて深刻な機会損失を被ります。その最大の要因が「OGP（Open Graph Protocol）」の仕様です。OGPとは、X（旧Twitter）、Facebook、LINE、はてなブックマークなどのSNSで記事URLがシェアされた際に、タイトルや説明文、サムネイル画像を正確に表示させる仕組みを指します。

アイキャッチを適切に設定していない場合、SNS上ではWebサイトのロゴが小さく表示されたり、記事内の無関係な広告バナーが勝手に切り取られて表示されたりするため、タイムライン上での視認性が著しく低下します。

プラットフォームごとの表示仕様と、業界標準となっている推奨サイズをまとめたデータは以下の通りです。

項目詳細・数値データ一般的な基準・相場編集部の見解・評価OGP画像 推奨サイズ1200 × 630 px（アスペクト比 1.91:1）横600〜1200pxSNS全域で高解像度カード（Large Card）として美しくトリミングなしで表示される絶対基準。ブログ内標準サイズ1200 × 675 px（アスペクト比 16:9）横800〜1920pxYouTube動画と同比率で汎用性が高い。1200×630とほぼ互換性があり、微調整のみで共用可能。推奨ファイル容量100KB 〜 200KB 以下500KB以下（最大5MB）重すぎる画像は表示速度（Core Web Vitals）を悪化させSEOで減点対象。WebP圧縮が必須。主要フォーマットWebP / JPEG / PNGJPEG / PNG写真主体はJPEG・WebP、イラストや透過文字はPNGが適正。基本は軽量なWebPが推奨。

迷った場合は「1200×630 比率」を標準キャンバスとして作成してください。この比率で制作しておけば、XのラージサマリーカードやFacebookリンク投稿で端が削られることなく、意図したデザインのまま表示されます。