AdToon™の作品には、手持ちの画像やAIで作成した画像を登録し、Canvas上へ配置できます。この記事は、背景の上へロゴや装飾などの部品として画像を重ねる操作です。ページの土台となる背景画像は「05 ページの背景を設定する」で先に準備してください。
追加できる画像
背景・コマ画像にはJPEG、PNG、静止WebP、PSD、PDF、PPTXを取り込めます。この記事で扱う「画像・動画・地図」タブの配置画像には、GIF（アニメーションを含む）・アニメーションWebP・SVGも利用できます。
PSDは統合画像として取り込み、レイヤーを個別に編集するものではありません。PDF・PPTXはページ・スライドを画像に変換します。配置画像では先頭ページを使用するため、複数ページをまとめて取り込む場合は背景側の入口を使ってください。
電子出版・紙出版を含む設定ではWebPを利用できません。アニメーションは出版用の別版で静止画に置き換え、出力先の対応状況を画面で確認してください。公開に使用する権利がある画像だけを登録してください。
画像を登録する
- Editorで対象作品を開きます。
- 「画像・動画・地図」タブを開きます。
- 「新しい画像を登録」を押します。
- ファイルを選び、画像の内容が分かる説明を入力します。
- 登録が完了し、素材一覧に表示されたことを確認します。
Canvasへ配置する
- 素材一覧から使う画像を選びます。
- Canvasへ追加します。
- ドラッグして位置を移動します。
- 選択枠の角を使って大きさを調整します。
- 必要に応じて回転や重なり順を変更します。
配置後に確認すること
- 画像がページの外へ大きくはみ出していないか
- 人物の顔や商品の重要部分が切れていないか
- 文字やCTAを隠していないか
- スマートフォン幅でも見やすい大きさか
うまく追加できない場合
ファイル形式、ファイルサイズ、通信状態を確認します。同じ画像を何度も登録せず、素材一覧に追加済みでないかも確認してください。
次に行うこと
画像の配置を確認したら、「10 フキダシを配置する」へ進みます。
背景・コマ内画像・配置画像の違い
ページの土台は「背景」、コマで切り抜く画像は「コマ割り」、背景へロゴや装飾を重ねる画像は「画像・動画・地図」から追加します。重なりで選べない場合はCanvas脇の「レイヤー」を使います。SVGの配置画像は色の変更に対応します。元の素材は別に保管してください。
この作業の位置づけ
工程：ページの土台を作る。次の作業は「10 フキダシを配置する」です。必要な作業だけを選んで進めてください。
手順見直し：2026年10月1日。実際の設定名はログイン後の「ヘルプ」でも確認できます。