広告
この記事にはアフィリエイト広告が含まれます。
ホームページに載せる販促バナーを社内で作りたい。
でも、生成AIに「目立つ画像」と頼むだけでは、文字が多すぎたり、実際には提供していない割引が入ったりすることがあります。
失敗を減らすには、確定した案内文と、画像の役割を先に決めることが大切です。
日本語の文字がうまく出ないときは、AIで背景やイラストを作り、文字は編集できる形で後から載せる方法も使えます。
この記事では、架空の設備メンテナンス会社の「点検相談受付」を例に、指示文、サイズ違いの作り方、文字切れの直し方、公開前の確認を紹介します。
具体的な操作、適用条件、例外、注意事項は各見出しも確認してください。
バナーに載せるのは、確認できた情報だけ
最初に、キャンペーンの内容を短く整理します。
ここでは「まちの設備サポート」という架空の会社が、店舗設備の点検について相談を受け付けると仮定します。
実際の広告成果や導入事例ではありません。
| 項目 | この例で決める内容 |
|---|---|
| 読者 | 地域の小規模店舗の担当者 |
| 伝えること | 店舗設備の点検相談を受け付けている |
| 主な文字 | 「店舗設備の点検相談 受付中」 |
| 補足 | 「対応内容は事前にお問い合わせください」 |
| 次の行動 | 問い合わせページで相談する |
| 書かないこと | 無料、最安、即日対応、効果保証、未確認の資格 |
「相談受付」という情報だけで、AIが「無料点検」「修理費半額」などを追加しないようにします。
期間限定なら正確な期間、金額を載せるなら対象と条件まで、自社で承認された表記を準備してください。
バナー内に全部を載せる必要はありません。
ただし、画像で強く訴求した内容と、クリック先のページで説明する内容は一致させます。
文字は3つの役割に分けると整理しやすい
この例では、見出し、短い補足、行動の案内の3つに分けます。
- 見出し：店舗設備の点検相談 受付中。
- 補足：対応内容は事前にお問い合わせください。
- 行動の案内：点検について相談する。
会社紹介、対応地域、設備の種類、電話番号、詳しい条件をすべて画像に詰め込むと、スマホで読みにくくなります。
詳しい説明はリンク先に置き、画像だけで誤解しないために必要な条件は残しましょう。
また、画像に「相談する」というボタン風の表示を描いただけでは、クリック先は設定されません。
ホームページ側でバナーにリンクを付け、実際に開くページまで確認する必要があります。
指示文は「目的・構図・文字・禁止事項」をそろえる
まず、画像全体の役割を指示します。
いきなり複数のサイズを作るより、掲載場所が決まっている1枚から始めてください。
地域の小規模店舗向けに、設備点検の相談受付を案内する 明るく親しみやすい、フラットイラストのバナー案を作ってください。 【用途】自社ホームページのお知らせ欄。 【作業サイズ】横長1200×630px。納品時に実際の寸法を確認する。 【構図】左側に文字を置く余白、右側に設備を確認する担当者。 【文字】 見出し：店舗設備の点検相談 受付中 補足：対応内容は事前にお問い合わせください 案内：点検について相談する 【デザイン】 文字は大きく、背景とのコントラストを確保する。 重要な文字と人物を端に寄せず、上下左右に余白を残す。 色は青・白を中心に、アクセント1色。 塗りは均一にし、文字の背景に細かい模様を入れない。 【禁止】 無料、値引き、最安、即日対応、資格マークを追加しない。 実在メーカーのロゴや、実際の施工写真のような画像を作らない。 説明用のイラストであり、特定の設備への対応を保証しない。
指定した寸法や日本語が、出力でも正確になるとは限りません。
指示は制作条件であり、確認を省く理由にはしないようにしましょう。
文字が崩れるときは、背景と文字を分けて作る
文字の一部が欠ける、別の漢字になる、何度直しても他の文字が変わる。
そんなときは、画像の中で文字まで完成させようとせず、背景だけを生成する方法に切り替えます。
文字・数字・ロゴを一切入れず、バナー用の背景とイラストだけを作ってください。 右側に設備を確認する担当者、左側は文字を後から置くための 明るい無地の余白にしてください。 余白部分に装飾、人物、工具、線を重ねないでください。 担当者と設備は端から離し、横長の中央部分に収めてください。
例えばCanvaの公式案内には、バナーテンプレートの編集、テキストの追加、AIによる画像作成が紹介されています。
こうした編集ツールで背景に見出しを重ねれば、公開前に文字だけを修正できます。
無料範囲と有料素材・機能は、使用時に確認してください。
Canva公式：バナー作成
文字はアウトライン画像として固定する前に、編集できるデータを残しておくと、受付期間や案内文の変更に対応しやすくなります。
左右が切れる場合は、画像と掲載枠の両方を確認する
元画像では見えているのに、ホームページで見出しの端が切れることがあります。
この場合は「生成AIが文字を間違えた」のではなく、表示枠に合わせて画像が切り抜かれている可能性もあります。
確認は次の順番です。
- 元の画像ファイルを開き、文字がすべて入っているか見る。
- 掲載画面で、横幅や上下の表示範囲が変わっていないか見る。
- パソコンとスマホの両方で、重要な文字が切れないか見る。
- 切り抜きがあるなら、中央寄りの配置に直すか、掲載枠に合う別画像を作る。
左右の余白を増やす修正は、範囲を限定して指示します。
左右の重要な文字が掲載時に切れています。 見出しの内容と人物の画風は変えず、文字のまとまりを中央寄りにしてください。 上下左右に十分な余白を取り、左端の最初の文字と右端の最後の文字を 含めて全体を収めてください。 文字を小さく詰め込むのではなく、不要な装飾を減らしてください。
これでどの掲載先でも必ず切れないわけではありません。
最終的には、使うホームページの実際の表示で確認します。
正方形版は、横長画像を縮めるだけにしない
ホームページ用の横長と、SNS用の正方形では、使える空間が違います。
単純に同じ画像を収めると、文字が小さくなりがちです。
正方形版は、上に見出し、下に人物と設備、その間に短い補足というように、配置を組み直します。
広告の内容と条件は変えず、見せ方だけを変えるのがポイントです。
同じ相談受付の内容で、正方形版の構成案を作ってください。 上部に見出し、下部に人物と設備を配置し、中央に補足を1行。 横長版の画像をそのまま縮小しないでください。 見出し・補足の意味、案内内容、禁止事項は変更しないでください。 掲載先の必要サイズは、実際の仕様を確認してから設定します。
1200×630pxや正方形は、ここで使う制作例です。
すべての広告媒体に共通する推奨サイズではないため、入稿先の現行仕様に合わせてください。
公開前に、画像・リンク先・利用条件を確認する
公開前のチェックは、デザインだけではありません。
- 案内文、期間、金額、対象条件が、承認された内容と一致している。
- スマホで見出しと必要な補足が読め、文字切れがない。
- 人物、工具、設備の描写が、サービスについて誤解を招かない。
- 使用素材と生成・編集ツールの利用条件を確認した。
- 他社のロゴ、許可のない写真、紛らわしい認定表示がない。
- バナーのクリック先が正しく、問い合わせ方法も確認できる。
Webに載せる画像には、「店舗設備の点検相談の受付を案内するバナー」など、役割が伝わる代替テキストも用意します。
問い合わせ内容や条件は、画像だけでなく、リンク先の通常の文章でも読めるようにしましょう。
画像ファイルの形式と容量は、掲載先が対応するものを選びます。
形式を変えた後も、日本語がにじんでいないかを実際の表示で確認してください。
継続して内製するなら、学ぶ範囲を決める
単発の案内画像であれば、会社で使えるツールとテンプレートで試してから判断しても遅くありません。
生成AIを使うために、必ず講座へ申し込む必要はありません。
一方で、毎月キャンペーンを更新する、サイズ違いを作る、担当者が変わっても同じ基準で確認したい場合は、文字・レイアウト・編集・利用条件まで一緒に学ぶと業務の手順を作りやすくなります。
DMM 生成AI CAMP 学び放題は、生成AIを継続して学ぶ月額制の学習サービスです。
公式カリキュラムには、Canva AIの基本、画像や広告の制作などを扱うコースが掲載されています。
Canvaそのものの広告ではありません。
DMM公式：現行カリキュラム
【広告】検討する際は、学びたい内容、料金・契約期間・解約条件、使用ツールの別途費用を確認してください。
受講やAI生成によって、広告の反応や売上が保証されるものではありません。
公式サイトで学習内容と入会条件を確認する場合はこちらです。
DMM 生成AI CAMP 学び放題
まずは、案内文が確定したバナーを1枚作る
生成AIで販促バナーを作るときは、「目立つか」より先に「何を正しく伝えるか」を決めます。
文字の修正が難しければ背景と文字を分け、掲載面ごとに配置を組み直してください。
最初は案内文が確定している1枚で十分です。
作成後にスマホで表示し、最初の文字から最後の文字まで読めるか、リンク先に迷わず進めるかを確認してみましょう。
※公式資料の確認日：2026年10月8日。
本文中の会社・相談受付は架空の説明例です。