AIで写真を変更する.
写真はほぼ良いのに、光が鈍い、背景が気が散る。そんなときは変更内容を説明すれば、AIが別の画像エディターなしでその場で写真を編集します。すでにページにある写真に使います。新規作成はAIで画像を生成するをご覧ください。動画では日中のチーム写真を温かみのある夕方のシーンに変えています。
始める前に
- AIはオンで、Enable image generationとEnable page creation assistantにチェックが入っています。詳しくはDXPR BuilderでAIをオンにするをご覧ください。
- 写真はImageエレメントに配置され、自サイトに保存されています(例: メディアライブラリーからの選択)。SVG画像や他のWebサイトの画像は編集できません。
セットアップ
- 写真を指してコントロールバーのMoreをクリックします。
- 選択するのはEdit with AIです。
- 条件はMode:で、Edit existing imageのままにします。
- ボックス内のテキストを変更内容に置き換えます(例: "Make it a warm evening scene with soft lamp light")。
- クリックするのはEdit Imageです。
- ビルダーツールバーのSaveをクリックします。
ボックスの初期値は写真の代替テキストまたは生成元の説明です。変更内容のみを記述し、変えない部分も明示します(例: "Keep the people and the table as they are")。
表示内容
写真にはAIの処理中(1分ほどかかる場合があります)"Editing image..."と表示され、その後編集版に置き換わります。Image size:がAutoの場合、形状はAIが選ぶため、横長の写真が正方形で戻ることがあります。横長のままにするにはLandscapeを選びます。
編集後の写真はメディアライブラリーに新しいWebP画像として保存されます。元の写真も残ります。元の写真が良い場合は、ページをクリックしてCtrl+Z(MacではCmd+Z)で編集を取り消します。
指示文は写真のAlt attributeにもなります。エレメントのSEO設定でプレーンな説明に置き換えます。詳しくはAIに代替テキストを書かせるをご覧ください。
効果的な指示文
| 目的 | 指示文の例 |
|---|---|
| 光や季節を変える | "Make it a bright spring morning" |
| 騒がしい背景を落ち着かせる | "Blur the background, keep the people sharp" |
| 物を取り除く | "Remove the coffee cups from the table" |
| スタイルを変える | "Turn the photo into a watercolour illustration" |
| 色を変える | "Make the walls light blue" |
編集後の写真が表示されない場合
- Mode:の選択肢がなく、ボタンがGenerate Imageになっています。エレメントに写真がないか、写真がSVGまたは他のWebサイトのものです。先にメディアライブラリーから写真を選びます。
- MoreメニューにEdit with AIがありません。 Enable image generationまたはEnable page creation assistantがオフです。両方を
/admin/dxpr_studio/dxpr_builder/ai_settingsでチェックします。 - 写真に"Image editing failed. Please try again."と表示される。DXPRは写真を編集できませんでした。例えばアカウントのクレジット切れや、コンテンツルールに抵触する指示が原因です。クリックするのはRetryです。またはCancelして指示を変更します。
- ページの再読み込み後に古い写真に戻っています。ページが保存されていませんでした。再度編集し、ビルダーツールバーのSaveをクリックします。
次のステップ
- AIに代替テキストを書かせる：編集後の写真に適切な説明を付ける。
- AIで画像を生成する：写真をゼロから作る。
- 取り消しとやり直し：変更を順に戻る。