出力例

図解画像とカバー画像の出力例

ここでは、examples/article と同じ記事「採用人事が人を集めても入社後教育が曖昧なら早期離職は止まらない」のために自動で作られたカバー画像1枚と、本文の章の直後に入る図解画像3枚を、運営会社が検証用に運用しているプロジェクトの実物のまま掲載します。撮影や外部発注は無く、記事の生成と同時に画像生成AIが作ります。

公開日

スタッフがカバー画像と図解画像のカードを壁に並べて貼っているイラスト

カバー画像

カバー画像は記事の顔になる1枚で、記事ページの先頭とブログ一覧のカードの両方に使われます。主張点を短い言葉にして画像へ焼き込む構成です。

「採用だけでは足りない」という文字を配した、水墨と朱色・金箔のイラストのカバー画像
この記事のカバー画像。記事ページの先頭とブログ一覧のカードの両方に使われます。

カバー画像は生成時に1200×675(16:9)の大きさに揃い、「採用だけでは足りない」のように見出しに近い一言が画像の中に文字として焼き込まれます。写真を撮って貼り付けるのではなく、生成の時点で仕上がった1枚として作られます。

本文の図解画像(3枚)

本文の章(h2)の直後には、その章の要点を1枚の画像にした図解画像が入ります。枚数は本文の章の数に応じて2〜4枚の範囲で自動的に決まり、この記事は3枚でした。

墨と朱で描かれた木の根と三本の枝、オンボーディング不備の損失が三方向に流れる構図
1つ目の章「入社後に失われている時間と、誰がそのしわ寄せを受けているか」の直後に入る図解画像。
墨と朱で描かれた枝から落ちかける葉、早期離職の予兆を示す和モダン構図
3つ目の章「早期離職の予兆を見逃す組織が持つ共通の盲点」の直後に入る図解画像。
墨と朱で描かれた二つの陶器、空の器と水が満ちた器を対比させた和モダン構図
最後の章「放置した場合と小さく始めた場合の差、最初に潰す1工程」の直後に入る図解画像。

カバーと3枚の図解画像は、同じ水墨と金箔のテイストで統一されています。1記事の中でカバーと図解画像の画風が混ざらないようにする仕組みです。

図解画像の枚数と配置の決まり方

図解画像の枚数は、本文の章(h2)の数に応じて2〜4枚の範囲で自動的に決まります(docs/03-image-generation.md・docs/39-inline-article-images.md)。書き手が記事ごとに枚数を指定する項目はありません。

画像を置く章も自動で決まります。章の数と図解画像の枚数から均等になるよう振り分けられ、枚数が章の数を超えることはありません。この記事は4つの章(h2)に対して図解画像は3枚で、1つ目・3つ目・4つ目の章の直後にそれぞれ1枚ずつ配置されています(2つ目の章「入社後教育でAIが整理できる範囲と、人事採用担当が必ず判断する範囲」の直後には図解画像が入りません)。

以前に生成した記事の図解画像は、あとから設定を変えても作り直されません。生成した時点の枚数・配置のまま表示され続けます。この仕組みは2026年9月16日に、「要点スライド」という独立したセクション(見出し・要約・要点リストを画像に添えたもの)を廃止し、画像だけを章の直後に置く現在の形へ変更したものです。

画像のテイストの選び方

画像のテイストは、50種のテンプレ(標準+バリエーション2種)からプロジェクトごとに選べます。テンプレを選ぶと、カバーと図解画像の両方がそのテンプレの指示で作られます。

  • 1つだけ選ぶ: ブログ全体の画像の雰囲気が揃います
  • 複数選ぶ: 記事ごとに振り分けて変化を付けます(直前の記事と同じテンプレは続けて選びません)
  • 何も選ばない(おまかせ): 実写・イラスト・抽象を記事ごとに自動で振り分けます

この記事のカバーと図解画像が同じ水墨・金箔のテイストで揃っているのは、このプロジェクトでテンプレを指定しているためです。テンプレを指定しない「おまかせ」では、カバーは実写のサムネイル調で作られ、図解画像だけが実写・イラスト・抽象の中からランダムに選ばれます。

選んだテイストは記事の画像だけでなく、ブログのデザイン(ブログのデザイン(レイアウト・配色))で使うトップページのカバー画像を作るときにも使われ、ブログ全体で見た目の統一感が保たれます。用語集(用語集・内部リンク・関連記事)を有効にしている場合は、蓄積した用語ごとの専用サムネイル画像も同じ仕組みで自動に作られます。

画像の品質を保つ工夫

ロゴ・ページ番号・2人目の追加・不自然にゆがんだ手は描かせません。文字を正しく読めるよう余白を確保し、光る回路や汎用的なニューラルネット背景といった、いかにもAIが作ったと分かる演出も避けるよう指示しています。使い回しの企業スライドのような画一的な構図にもなりません。

生成した画像には、内容を説明する代替テキスト(alt)も自動で付きます。読み上げソフトでの利用や画像検索での見つかりやすさに使われ、公開前の検証(公開前の検証(AIらしさ・重複・SEO監査))でも確認される項目のひとつです。この出力例で示した図解画像のaltも、実際に生成された文字列をそのまま転記しています。

生成した画像はWebP形式に変換され、記事ページとブログ一覧のカードでそのまま表示できる形で保存されます。撮影や手作業でのトリミングは不要です。画像はカバー・図解・用語集のいずれも記事ごとに個別に生成されるため、同じ画像が複数の記事で使い回されることはありません。

集客ラクダではどうなるか

カバー画像と図解画像は、図解画像とカバー画像のテイスト の設定に沿って記事の生成と同時に自動で作られます。手動でアップロードしたり、外部のデザイナーへ発注したりする必要はありません。

画像のテイストを揃えたい場合は、工程5「出力設定」の画像の設定でテンプレを選びます。選ばないままにしておくと、記事ごとに自動で振り分けられます。

よくある質問

図解画像は記事ごとに何枚まで作れますか。

本文の章(h2)の数に応じて2〜4枚の範囲で自動的に決まります。書き手が毎回指定する項目ではありません。

画像のテイストは記事ごとに変えられますか。

プロジェクト単位の設定なので、同じプロジェクトの記事は同じテイストに揃います。記事ごとに毎回選び直す設定ではありません。

カバー画像に写真を使うこともできますか。

テイストを指定しなければ、カバーは実写のサムネイル調で作られます。テイストを指定すれば、選んだテンプレのテイストで統一されます。

図解画像の代替テキスト(alt)は自分で書く必要がありますか。

必要ありません。画像の生成にあわせて内容を説明する代替テキストも自動で付き、読み上げソフトや画像検索に使われます。

自分の集客メディアを、今日から育て始める

アカウントを作り、プランを選んで最初のプロジェクトを設定してみてください。