AIでLinkedInの背景画像（バナー）を作る方法：サイズ、セーフゾーン、プロンプト

AIでLinkedInのバナーを作るには、比率4:1（LinkedInの推奨は1584 × 396ピクセル）の横長で文字のない背景画像を生成し、プロフィール写真に隠れないよう大事な部分を右半分に置いて、見出しの文字は後からデザインツールで入れます。良いバナーは10分ほどで作れて、プロフィール全体をさりげなく、よく考えられたものに見せてくれます。

ほとんどの人は、LinkedInの初期設定の青いグラデーションをそのままにしています。これを差し替えるのは、もっとも手軽なプロフィールの改善のひとつです。AI画像ツールを使えば、デザインの経験がなくても簡単にできます。

まずサイズとセーフゾーンを押さえる

バナーでいちばん多い失敗は、画像そのものではなくトリミングです。

• サイズ： 個人プロフィールなら1584 × 396ピクセル、比率4:1。比率が保たれていれば、それより大きくても構いません。
• プロフィール写真の重なり： パソコンでは、丸い写真が左下のかなりの部分を隠します。スマホアプリでは中央寄りに表示され、バナーの左右がより大きく切られます。
• セーフゾーン： 大事なもの、特に文字は、右半分の、縦方向の中央に置きましょう。左の3分の1と下端の帯は、背景の質感だけにしておきます。
• ファイル形式： JPGかPNGで、LinkedInのファイルサイズの上限内に収めます。

多くの画像生成ツールは、4:1の比率を直接出力できません。現実的な手順は、使える中でいちばん横長の比率（16:9や21:9）で生成し、4:1にトリミングすることです。トリミングで大事なものが切れないよう、「余白の多い、横長のパノラマ構図」と指定しましょう。トリミング後に小さすぎるなら高画質化します。方法はAIでぼやけた写真を高画質化する方法で説明しています。

バナーで何を伝えるか決める

バナーの役目はひとつ。誰かが一瞬目にしたときに、あなたの仕事を印象づけることです。うまくいく方法は3つあります。

1. 自分の分野の風景。 建築家なら端正な建築写真、シェフなら温かいキッチン、研究者なら実験台。言葉なしで、あなたの世界を伝えます。
2. 自分の色の抽象的なテクスチャー。 やわらかいグラデーション、紙の質感、幾何学的な形。いちばん無難で、文字を載せる土台にも向いています。
3. 背景と短い一文。 専門分野や、ひと言で言える価値。たとえば「フィンテック向けのBtoBプロダクトデザイン」。おおよそ8語程度、日本語なら短いフレーズに収めましょう。

ストックフォトの決まり文句（握手、電球、グラフを指さす人々）は避けましょう。プロフィールがテンプレートのように見えてしまいます。

分野別のプロンプト

どれも、横長で文字がなく、右側に見出しを入れる余白がある結果を想定して書いています。

• ソフトウェア／IT：「横長のパノラマの抽象的な背景、やわらかく暗いネイビーのグラデーション、右に向かって消えていくかすかに光るグリッド線、ミニマル、余白多め、文字なし」
• デザイン／クリエイティブ：「デザイナーの机を真上から撮った横長のパノラマのフラットレイ、温かみのある紙の上にスケッチ、色見本、鉛筆、やわらかい日光、物は左側、右側は余白、文字なし」
• 金融／コンサルティング：「夜明けの近代的な都市のスカイラインの横長パノラマ、落ち着いた青と金のトーン、少しぼかして、静かで端正、文字なし」
• 医療：「落ち着いたティールと白のやわらかい抽象的な背景の横長パノラマ、ゆるやかな曲線、清潔で軽やか、文字なし」
• 教育／研究：「背の高い本棚が並ぶ図書館の横長パノラマ、温かい光、浅い被写界深度、左の本はくっきり、右はぼかす、文字なし」
• 不動産：「明るくモダンなリビングの内装の横長パノラマ、自然光、ニュートラルなトーン、人物なし、文字なし」
• 飲食・ホスピタリティ：「素朴な木のテーブルの横長パノラマ、左側に新鮮なハーブとパン、温かい光、右側は余白、文字なし」

これらを応用するための体系的な方法は、AI画像生成のプロンプトの書き方を参照してください。

文字はきれいな方法で入れる

プロンプトに「文字なし」と入れて生成し、次の手順で進めます。

1. 好きなデザインツール（Canva、Figma、Keynote、スマホの編集アプリでも）で画像を開く。
2. 右半分の、縦方向の中央に文言を入れる。
3. フォントはひとつ、太さは多くても2種類まで。すっきりしたゴシック体がいちばん無難です。
4. コントラストを確認する：暗い背景に明るい文字、またはその逆。背景がごちゃついているなら、文字の後ろに控えめな半透明の帯を敷く。
5. 1584 × 396以上で書き出す。

アップロードしたら、スマホで確認しましょう。ほとんどのバナーは、スマホでのトリミングでつまずきます。

ヘッドショットと合わせる

色合いを共有するバナーとヘッドショットは、プロフィールを意図的なものに見せます。ヘッドショットの背景がニュートラルなグレーなら寒色系のバナーがなじみ、屋外の温かい雰囲気のヘッドショットには暖色系が合います。ヘッドショットも新しくしたいなら、LinkedIn用のAIプロフィール写真を上手に作る方法で解説しています。

文字を入れる前に背景を練り直す

最初のそこそこの結果で満足して、すぐデザインツールに移りたくなるものです。でも、この段階で数分かけて練り直すと、たいてい報われます。文字を入れた後で変更すると、毎回レイアウトをやり直すことになるからです。

同じプロンプトで3〜4枚のバリエーションを生成し、実際に見られるサイズで並べて比べましょう。便利なのは、候補をそれぞれスマホの画面幅くらいに縮小するコツです。そのサイズだと細部が目に入らなくなり、大事なこと、つまり全体の明るさ、視覚的な重みがどこにあるか、見出しを置ける落ち着いた場所があるか、が見えてきます。

惜しいけれど何かが違うときは、プロンプトを一度にひとつだけ変えます。

• ごちゃごちゃしすぎ：「ミニマル」「ソフトフォーカス」「物を少なく」を加える。
• 重みが逆側にある：「物はすべて左3分の1に、右3分の2は無地の余白」と明記する。
• 暗すぎる・明るすぎる：「明るく軽やかな色合い」「深く落ち着いたトーン」など、ほしいトーンを指定する。
• 雰囲気が違う： 光の言葉を入れ替える。「ゴールデンアワー」は温かく個人的に、「曇りの日のやわらかい光」は落ち着いてプロらしく見えます。

いくつも同時に変えると、どの変更が効いたのかわからなくなります。

読みやすさとアクセシビリティ

バナーは、多くの場合スマホで、明るい場所で、一瞬だけ見られる小さな画像です。モニターではちゃんと見える文字も、そうした条件では消えてしまうことがあります。

• 文字は大きめに。 スマホの幅で表示したときに目を細める必要があるなら、小さすぎます。
• 強いコントラストを選ぶ。 中間色の背景に中間のグレーの文字は、もっともよくある読みにくさの原因です。明るい背景に暗い文字、暗い背景に明るい文字のほうが安全です。
• 細いフォントや筆記体は避ける。 LinkedInが画像を圧縮すると崩れます。
• 色だけに頼らない。 キーワードを色だけで強調すると、違いがわからない人もいます。太さや大きさのほうが確実です。
• 大事なメッセージは見出し（ヘッドライン）にも書く。 バナーは装飾です。スクリーンリーダーや検索が実際に読むのは、LinkedInのヘッドラインと自己紹介欄です。

会社ページやほかのヘッダー

同じ方法は、会社ページのカバー画像や、ほかのSNSのヘッダーにも使えますが、サイズや重なり方は違います。会社ページには丸い顔写真ではなくロゴが表示され、ほかのプラットフォームはそれぞれ独自の方法でヘッダーを切り取ります。各プラットフォームの最新のガイドを確認したうえで、同じ考え方を当てはめましょう。横長で生成し、プラットフォームが自前の要素を置く場所は余白にして、文字は最後に入れ、スマホで確認します。

複数のプラットフォーム向けにヘッダーをそろえるなら、必要な中でいちばん横長の比率でマスターの背景を1枚生成し、ほかはそこから切り出しましょう。色とスタイルがすべてのプロフィールで同じになります。

バナーを更新するタイミング

バナーは一度作って終わりではありません。更新に良いタイミングはこうです。

• 新しい役職や専門分野。 バナーが、今のヘッドラインを支えるように。
• 製品の発表、出版、イベント。 数週間だけ掲げて、その後は定番のものに戻す。
• 新しいヘッドショット。 色合いがもう合わなくなったとき。
• 季節のキャンペーン。 仕事にはっきりした繁忙期があるなら。

文字なしの背景ファイルは保存しておきましょう。既存の背景の文言を差し替えるのは数分ですが、一から作り直すと時間がかかります。

バナーのチェックリスト

• 比率4:1、1584 × 396以上
• 大事な内容は右半分に、左下には大事なものを置かない
• 文字なしで生成し、文字は後から入れる
• 見出しは短く
• ヘッドショットとなじむ色
• パソコンとスマホアプリの両方で確認済み

よくある失敗

• プロフィール写真の下に文字がある。 右へ動かしましょう。
• 細部が多すぎる。 スマホのサイズでは、ごちゃついた画像はノイズになります。
• トリミング後に解像度が低い。 アップロード前に高画質化しましょう。
• トーンがちぐはぐ。 フォーマルなヘッドショットの横に遊び心のあるイラストのバナーがあると、混乱した印象になります。

背景はブラウザのスタジオのテキストから画像を生成するツールで作れます。合わせるヘッドショットも、同じくスタジオのAIヘッドショットツールで作れます。