スタイル設定
各項目を選択してプロンプトを生成してください
生成されたプロンプト
以下のプロンプトをAIツールにコピーして画像生成してください
← 上のフォームを入力して「プロンプトを生成する」ボタンを押してください
ボタンをクリックするとプロンプトがクリップボードにコピーされ、各AIツールが開きます
コピー
プロンプトをクリップボードにコピーするだけ。他のどのツールにも貼り付けて利用できます。
ChatGPT
コピー後に ChatGPT（DALL·E 3）を開きます。PC はブラウザで開き、スマホはアプリへリダイレクトされます。
Gemini
コピー後に Google Gemini を開きます。Imagen 3 による高品位な画像生成が可能です。スマホはアプリが起動します。
Grok
コピー後に xAI Grok を開きます。スマホでは X (Twitter) アプリの Grok 画面が起動します。
Copilot
コピー後に Microsoft Copilot を開きます。Designer 機能（DALL·E）で高品位な画像を生成できます。
GUIDE
このツールについて
ウェブ用背景画像生成は、AIを使ってウェブサイトのヒーローエリア・セクション背景・バナーに最適な画像を生成するための英語プロンプトを自動作成するツールです。スタイル・カラー・構図などを選ぶだけで、ChatGPT・Gemini・Grok・Copilot など主要な画像生成AIにすぐ渡せるプロンプトが完成します。
1
各項目を選択・入力
ページ用途・デザインスタイル・カラーテーマなど最大10項目を選択。追加キーワード欄でより細かいこだわりも指定できます。
2
プロンプトを生成
「プロンプトを生成する」ボタンをクリックすると、選択内容を組み合わせた最適化済み英語プロンプトが自動生成されます。
3
AIツールで画像生成
ChatGPT・Gemini・Grok・Copilot のボタンをクリックするとプロンプトがコピーされ、各AIが開きます。プロンプトを貼り付けて実行してください。
4
画像をダウンロード・活用
生成された画像をダウンロードし、ウェブサイトの背景として活用してください。WebP 変換や CSS での opacity 調整もおすすめです。
活用のヒント
- ▸追加キーワード欄に「photorealistic」「8K quality」「ultra detailed」を追加するとより高品位な仕上がりになります。
- ▸テキストを重ねるヒーローには「empty center space for text overlay」を追加すると、文字が読みやすい画像になります。
- ▸コントラストが強すぎる場合は CSS の
opacityやfilter: brightness()で調整するのが効果的です。 - ▸画像は WebP 形式に変換することでファイルサイズを削減し、ページの表示速度を大幅に改善できます。
- ▸モバイル用に縦長（2:3）の別バージョンを用意すると、レスポンシブデザインでより美しく表示されます。