ブログのアイキャッチ画像の作り方とサイズ早見表
ブログのアイキャッチ画像は、記事の第一印象を決め、SNS でシェアされたときの クリック率にも影響します。このページでは、ブログのアイキャッチに使う 画像サイズの早見表と、X(Twitter)や Facebook でも崩れない作り方、 そして色鉛筆デッサン調のオリジナル画像で差をつける方法をまとめます。
アイキャッチ画像のサイズ早見表
テーマ(WordPress テーマなど)によって表示サイズは変わりますが、SNS シェア時の OGP 画像を基準に作っておくと、どこでも きれいに表示されます。迷ったら次の比率・サイズが無難です。
| 用途 | 推奨サイズ | 比率 |
|---|---|---|
| OGP / SNS シェア(最優先) | 1200 × 630 px | 約 1.91 : 1 |
| 記事一覧のサムネイル(16:9) | 1200 × 675 px | 16 : 9 |
| 本文の挿絵・図版 | 横長または正方形 | 3:2 / 1:1 |
※ 上記は 2026 年時点の一般的な目安です。各 SNS の最新仕様や、お使いのテーマの 推奨値もあわせてご確認ください。
SNSで崩れないための3つのポイント
- 1.91:1 を基準にする:X・Facebook の大きなカード表示は 横長 1.91:1。これに合わせると最も崩れにくくなります。
- 主役と文字は中央に:サービスによって左右・上下が少し トリミングされます。重要な要素は中央に集めます。
- 文字は大きく、少なく:スマホのタイムラインでは小さく表示 されます。文字を入れるなら短く、太く。
写真素材と差がつく、色鉛筆イラストのアイキャッチ
無料の写真素材は手軽な一方、他ブログと似た見た目になりがちです。色鉛筆イラストレーター なら、記事のテーマに合わせた色鉛筆デッサン調のオリジナル画像を用意でき、 やわらかく親しみやすい雰囲気でブログの世界観を統一できます。商用利用にも対応 しています(詳しくは 商用利用について)。
本サービスのサイズと、アイキャッチへの合わせ方は次のとおりです。
| 作りたいもの | 選ぶサイズ | 合わせ方 |
|---|---|---|
| アイキャッチ / OGP | 横長 1536 × 1024 px(3:2) | 上下を少しトリミングして 1200×630(1.91:1)に整える |
| 本文中の挿絵 | 正方形 1024×1024 / 横長 1536×1024 | そのまま記事に挿入できます |
アイキャッチづくりの手順
- 記事の内容を一場面で表すモチーフを決める(例:「机に広げたノートと万年筆」)。
- プロンプトのコツ を参考に、被写体・場所・雰囲気を書く。
- サイズは「横長」を選んで生成する。
- 1200×630 を目安にトリミングして、ブログにアップロードする。