バナー作成 AI とは、大きさ・載せる字・押した先を渡して、AI にバナーの画像を作らせるやり方です。
| 知りたい事 | 答え |
|---|---|
| AI に何を渡せばよいか | 画像の大きさ・スマホで読める字の大きさ・押した先の頁の 3 つ。当社は LINE のメニューのバナーを横 2500×縦 843 で描かせた(渡す 3 つの物) |
| 出す前にどこを確かめるか | スマホの幅で字が読めるか・押すと正しい頁へ飛ぶか・前の版を残したか、そして実機の画面での見え方(出す前の確かめ) |
| 参考のバナーと同じ形で中身だけ替えたいときは | 寸法を合わせたまま書き換えられる形で作り直す席に任せる。文字が本物の文字になるので、差し替えた版を何枚でも作れる(同じ寸法で作り直す) |
出典: 社の実測 2026-10-05(メニューのバナーの大きさと字の大きさ)・社の実測 2026-10-08(描き直しと貼り方)・https://bluelamp.ai/agents/banner-trace(頁の更新 2026-07-12・2026-10-24 に見た)
AI に渡す 3 つの物:大きさ・読める字の大きさ・押した先
バナーを AI に作らせるとき、「いい感じに」とだけ頼むと、貼る場所に合わない大きさや、スマホでは読めない小さな字が返ってきます。先に渡すのは、絵柄の好みより、貼る場所が決めている 3 つの物です。
| 渡す物 | 何を書くか | 当社の例 |
|---|---|---|
| 大きさ | 貼る場所が求める横と縦の画素の数 | LINE の公式アカウントのメニューのバナーで、横 2500×縦 843 |
| 読める字の大きさ | いちばん小さい字が、スマホの画面で何 px に見えれば読めるか | 補足の字と「くわしく見る」の字を、幅 375px で表示したときに 13.2〜13.5px になる大きさで確かめた |
| 押した先 | 押したときに開く頁と、そこで何をしてほしいか | 押すと催しの申込の頁へ飛ぶ形で貼った |
出典: 社の実測 2026-10-05(大きさと字の大きさ)・社の実測 2026-10-08(押した先)
字の大きさは、元の画像の上ではなく「スマホで表示したとき」の大きさで伝えます。横 2500 の画像は、スマホの幅 375px に縮めて表示されるので、元の画像の上で大きく見える字も、画面ではずっと小さくなります(社の実測 2026-10-05)。
当社が LINE のメニューのバナーを AI の席に描かせた記録
1 回目: 大きさと字の大きさを決めて描かせた
当社は、LINE の公式アカウントのメニューのバナー(横 2500×縦 843)を AI の席に描かせました。描かせた後、補足の字と「くわしく見る」の字が、スマホの幅 375px で表示したときに 13.2〜13.5px になる大きさかを確かめました(社の実測 2026-10-05)。見出しより小さい補足の字やボタンの字で確かめておけば、見出しも読めます。
2 回目: 催しに合わせて描き直し、申込の頁へつないだ
同じメニューのバナーを、催しの名前と中身に合わせて描き直し、押すと申込の頁へ飛ぶ形で貼りました。前の版は消さずに残しました(社の実測 2026-10-08)。前の版を残しておくと、催しが終わったときや、描き直した版に不具合が見つかったときに、すぐ戻せます。
確かめ漏れ: 実機の画面では見ていなかった
ただし、この描き直しを貼った時点では、実機の画面での見え方は確かめていませんでした(社の実測 2026-10-08)。字の大きさを数字で確かめても、実際のスマホでは、画面の明るさや周りの表示との重なりで読みにくくなることがあります。ここから引ける教訓は、出す前に実機で見る、を確かめの最後に必ず置くことです。
出す前の確かめ:貼る前に見る 4 つの所
| 確かめる所 | どう見るか | 当社で起きた事 |
|---|---|---|
| 字が読めるか | スマホの幅で表示したときの、いちばん小さい字の大きさを測る | 幅 375px で 13.2〜13.5px になる大きさで確かめた(社の実測 2026-10-05) |
| 押した先が正しいか | 押して、決めた頁が開くかを見る | 申込の頁へ飛ぶ形で貼った(社の実測 2026-10-08) |
| 戻せるか | 前の版を消さずに残す | 前の版を残した(社の実測 2026-10-08) |
| 実機でどう見えるか | 実際のスマホで、貼った後の画面を開いて見る | その時点では確かめていなかった(社の実測 2026-10-08) |
出典: 社の実測 2026-10-05・社の実測 2026-10-08
上の 3 つは数字や操作で確かめられますが、最後の 1 つは目で見るしかありません。AI の席に任せる範囲は描くところと数字の確かめまでにして、実機で見る所は人の手元に残すと、確かめ漏れが起きにくくなります。
参考のバナーと同じ寸法で作り直すときの任せ方
手元にあるバナーと同じ形のまま、数字や見出しだけを替えた版がほしいときは、ブルーランプの棚にある「バナー再現エンジニア『トレース』」に任せられます。参考のバナーや縦長の図解を、寸法を合わせたまま書き換えられる形で作り直し、中身を差し替えて量産できるようにする席です(トレースの頁・頁の更新 2026-07-12・2026-10-24 に見た)。
この席の頁によると、画像を作る AI は細長い比率や日本語の文字が苦手なため、トレースは画像を頁の部品として組み直します。元の画像の大きさと色を測り、写真やイラストは元から切り出して使います。文字は本物の文字になるので、数字や見出しを差し替えた版を何枚でも作れます(トレースの頁・2026-10-24 に見た)。
| したい事 | 向いている任せ先 |
|---|---|
| 今あるバナーと同じ大きさで、字や数字だけ替えた版を何枚も作る | トレース(元と同じ寸法で、書き換えられる形に作り直す) |
| まったく新しい絵柄を描かせる | 画像を作る AI |
出典: https://bluelamp.ai/agents/banner-trace(頁の更新 2026-07-12・2026-10-24 に見た)
返ってくる物は、元と同じ寸法の書き換えられるバナー・差し替えた版の画像・次に差し替えるための型の 3 つです。頼み方は「このバナーと同じ大きさで文字だけ替えた版を 5 枚」のように、元のバナーと、替える所と、枚数を一度に伝えます。使える人は初伝からです(トレースの頁・2026-10-24 に見た)。
作ったバナーを広告に回すときの上限の決め方は 広告運用 AI の頁に、仕事ごとに AI の席へ任せる考え方の全体は AIエージェント の頁にまとめています。
よくある質問
バナー作成 AI には、最初に何を伝えればよいですか?
画像の大きさ・スマホで読める字の大きさ・押した先の頁の 3 つです。当社は LINE のメニューのバナーを横 2500×縦 843 で描かせ、いちばん小さい字がスマホの幅 375px で 13.2〜13.5px になる大きさかを確かめました(社の実測 2026-10-05)。
AI でバナーを作ると、日本語の字が崩れませんか?
画像を作る AI は、細長い比率や日本語の文字が苦手です。字をきれいに載せたいときは、字を本物の文字として組み直す作り方の方が向いています(トレースの頁・2026-10-24 に見た)。
AI が作ったバナーは、そのまま貼ってよいですか?
貼る前に、字が読めるか・押した先が正しいか・前の版を残したか・実機でどう見えるかを確かめます。当社は描き直したバナーを貼った時点で実機の見え方を確かめておらず、出す前に実機で見る所を確かめの最後に置くべきだった、というのがこの回の教訓です(社の実測 2026-10-08)。
同じバナーの文字だけ替えた版を何枚も作れますか?
作れます。参考のバナーを寸法を合わせたまま書き換えられる形で作り直すと、文字が本物の文字になるので、数字や見出しを差し替えた版を何枚でも作れます。ブルーランプでは「バナー再現エンジニア『トレース』」がこの仕事を受け持ち、初伝から使えます(トレースの頁・2026-10-24 に見た)。
出典
- ブルーランプの棚「バナー再現エンジニア『トレース』」 https://bluelamp.ai/agents/banner-trace(頁の更新 2026-07-12・2026-10-24 に見た・できる事・苦手な事・返ってくる物・頼み方の例・使える人)
- 社の実測 2026-10-05(LINE の公式アカウントのメニューのバナー横 2500×縦 843 と、幅 375px での字の大きさ 13.2〜13.5px)
- 社の実測 2026-10-08(催しに合わせた描き直し・申込の頁へのつなぎ・前の版を残した事・実機での確かめ漏れ)