ページの画像を選び、差し替えて確認する

画像で何を伝えるかを決める

製品写真、操作画面、利用場面、装飾を分けます。製品や画面は正確さが必要で、生成した細部を実際の機能・仕様と誤解させないようにします。装飾も空白を埋めるためではなく、説明の役割を持たせましょう。

元画像には入手元、利用範囲、維持すべき特徴を記録します。個人情報、管理画面のデータ、第三者のロゴが含まれる場合は、掲載・生成に使えるかを先に確認してください。

現在の画像を選択して差し替える

画像ツールバーに対応する画面で対象画像を選び、素材からの選択、アップロード、現在の画像を参考にした生成を使います。背景全体やグループではなく、画像そのものを選んでいるか確認してください。変更後はサイズ、位置、切り抜きまで確認します。

製品の外観を維持したい場合は正確な参考画像を用意し、背景、光、構図のどこを変えるか指定します。参考生成でも細部の確認は必要です。

生成条件を確認できる形にする

被写体、構図、背景、用途、変更しない内容を指定します。例えば「パッケージの文字とロゴの位置は保ち、横長のファーストビュー用に背景の余白を増やす」と伝えます。製品表示や認証、正確な数値を自由生成に任せないでください。

生成後は文字、輪郭、手、反復模様などを拡大確認し、実際のレイアウトにも戻して見ます。実績や利用者の声を示す画像として、架空のものを使わないようにします。

コンポーネント内の画像を確認する

カルーセルなどの画像は、キャンバスで直接替えるのではなく、コンポーネント設定の画像URLで変更する場合があります。各項目と画像の対応、枚数、順番、操作ボタンを確認します。項目がなければ、元の対話で各画像を設定可能にするよう依頼してください。

説明文の返信だけで完了とはせず、新版のカードを適用します。プレビューでは全画像へ切り替え、後半だけ読み込めない状態がないかを確かめます。

モバイルの切り抜きと画像内の文字を見る

PCで見える横長画像も、モバイルでは主役が切れたり、小さな文字が読めなくなったりします。焦点、縦横比、余白、各画面での表示を確認してください。条件、価格、操作説明は、画像だけでなく読めるテキストで伝えることを優先します。

低解像度の画像を拡大しても情報は増えません。長い背景がぼやける場合は、ページ全体を1枚として拡縮していないか確認し、必要に応じてセクション別に素材を用意します。

公開・書き出し後も読み込みを確認する

プレビューや公開URLを別の端末で開き、自分のログイン状態がなければ画像が見えない状況でないかを確認します。書き出しの説明に未同梱画像がある場合は、外部URLへの依存を引き継いでください。元URLが無効になると表示に影響します。最後に素材利用の確認も行います。