色鉛筆イラストレーター
← ヘルプに戻る

ブログのアイキャッチ画像の作り方とサイズ早見表

ブログのアイキャッチ画像は、記事の第一印象を決め、SNS でシェアされたときの クリック率にも影響します。このページでは、ブログのアイキャッチに使う 画像サイズの早見表と、X(Twitter)や Facebook でも崩れない作り方、 そして色鉛筆デッサン調のオリジナル画像で差をつける方法をまとめます。

アイキャッチ画像のサイズ早見表

テーマ(WordPress テーマなど)によって表示サイズは変わりますが、SNS シェア時の OGP 画像を基準に作っておくと、どこでも きれいに表示されます。迷ったら次の比率・サイズが無難です。

用途推奨サイズ比率
OGP / SNS シェア(最優先)1200 × 630 px約 1.91 : 1
記事一覧のサムネイル(16:9)1200 × 675 px16 : 9
本文の挿絵・図版横長または正方形3:2 / 1:1

※ 上記は 2026 年時点の一般的な目安です。各 SNS の最新仕様や、お使いのテーマの 推奨値もあわせてご確認ください。

SNSで崩れないための3つのポイント

写真素材と差がつく、色鉛筆イラストのアイキャッチ

無料の写真素材は手軽な一方、他ブログと似た見た目になりがちです。色鉛筆イラストレーター なら、記事のテーマに合わせた色鉛筆デッサン調のオリジナル画像を用意でき、 やわらかく親しみやすい雰囲気でブログの世界観を統一できます。商用利用にも対応 しています(詳しくは 商用利用について)。

本サービスのサイズと、アイキャッチへの合わせ方は次のとおりです。

作りたいもの選ぶサイズ合わせ方
アイキャッチ / OGP横長 1536 × 1024 px(3:2)上下を少しトリミングして 1200×630(1.91:1)に整える
本文中の挿絵正方形 1024×1024 / 横長 1536×1024そのまま記事に挿入できます

アイキャッチづくりの手順

  1. 記事の内容を一場面で表すモチーフを決める(例:「机に広げたノートと万年筆」)。
  2. プロンプトのコツ を参考に、被写体・場所・雰囲気を書く。
  3. サイズは「横長」を選んで生成する。
  4. 1200×630 を目安にトリミングして、ブログにアップロードする。

色鉛筆タッチのアイキャッチを作ってみる

登録で 5 クレジットプレゼント。クレジットカード登録は不要です。

無料ではじめる

関連記事:noteの見出し画像(アイキャッチ)の最適サイズと作り方 / 上手なプロンプトの書き方