画像を挿入・管理する

ご利用ガイド担当チーム

2021年11月18日 06:55

「画像」を含むレイアウトを選択すると、画像の設定項目が表示されます。管理画面から新しい画像をアップロードしたり、すでにアップロード済みの画像を選択したりできます。

また、ポップアップで利用する画像は、一覧で管理できます。企業やサービスのロゴ、サポートのイラストなど何度も利用するイラストは前もってアップロードしておくと便利です。

アップロードできる画像ファイル

アップロードできる画像ファイルの形式は「png」「jpg」「gif」「svg」の4種類で、サイズの上限は3MBです。ファイル名は、半角英数字と「-」（ハイフン）「_」（アンダースコア）を使えます。ファイルサイズが上限を超えているときは、画像編集ソフトなどを使って適切な大きさに縮小してください。

［ステップ編集］画面の［画像］エリアから、新しく画像をアップロードできます。新規の画像を登録する際は［新規の画像を登録する］をクリックします。

［新規画像登録］画面が表示されたら、画像ファイルを点線のエリア内にドラッグします。または、点線のエリア内をクリックしてファイルを選択します。

画像がアップロードされると、プレビューが表示されます。ここで画像のファイル名を変更することも可能です。プレビューを確認したら［登録］をクリックします。

［ステップ編集画面］に戻ると、アップロードした画像がリストに登録されています。目的の画像をクリックして選択します。

アップロードした画像は、メインメニューの［画像管理］をクリックすれば一覧で確認できます。企業のロゴマークやキャラクターの画像など、ポップアップで使いそうな画像はあらかじめまとめて登録しておくと、その都度画像をアップロードする手間が省けます。

登録した画像の横幅がポップアップよりも大きい場合は、画像が自動で縮小されて表示されます。逆に画像の横幅が足りないときは、元の画像サイズのまま周囲に余白がある状態で表示されます。自動で拡大はされないので注意してください。

［画像管理］画面では、アップロードした画像を一覧で管理できます。左側のメニューから［シナリオ管理］→［画像管理］をクリックします。

項目の内容

ファイル名の一部を入力することで、画像を絞り込めます。スムーズに絞り込むためには、ある程度ファイル名をルール化しておく必要があります。例えばロゴ画像なら「logo」、各種アイコンなら「icon」などをファイル名に含めておくといいでしょう。

表形式の［リスト表示］と、画像を大きく表示する［パネル表示］を切り換えられます。

［操作］（3つの点）をクリックして［画像URLのコピー］をクリックすると、画像のURLをクリップボードにコピーできます。ブラウザーのアドレスバーに貼り付ければ、原寸の画像を表示できます。

［操作］（3つの点）をクリックして［削除］をクリックすると、画像を削除できます。画像の数が増えてきて管理が煩雑になってきたら、不要な画像を削除して整理するのもいいでしょう。

確認の画面が表示されたら［はい］をクリックします。