---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/ai/image-generation'
title: 'AIで画像を生成する | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T11:26:14+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'イベント告知用の写真が必要なのに手元にない場合は、説明文を書けばAIがページのImageエレメント内に作成します。画像はアップロードと同様に自サイトに保存されます。適切な写真がない場合に使います。すでにある写真の変更はAIで写真を変更するをご覧ください。動画ではOpen Day告知の横にある空のImageエレメントを埋めています。'
tags:
  - 'Write and design with AI'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T11:26:14+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: AIで画像を生成する
      description: 'イベント告知用の写真が必要なのに手元にない場合は、説明文を書けばAIがページのImageエレメント内に作成します。画像はアップロードと同様に自サイトに保存されます。適切な写真がない場合に使います。すでにある写真の変更はAIで写真を変更するをご覧ください。動画ではOpen Day告知の横にある空のImageエレメントを埋めています。'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T11:26:14+0000'
      dateModified: '2026-10-24T11:26:14+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/ai/image-generation'
      articleSection: AIで書く・デザインする
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/ai/image-generation'
      description: 'イベント告知用の写真が必要なのに手元にない場合は、説明文を書けばAIがページのImageエレメント内に作成します。画像はアップロードと同様に自サイトに保存されます。適切な写真がない場合に使います。すでにある写真の変更はAIで写真を変更するをご覧ください。動画ではOpen Day告知の横にある空のImageエレメントを埋めています。'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: ホーム
            item: 'https://dxpr.com/ja'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ja
---
[ヘルプセンター](/ja/node/75)/[ドキュメント](/ja/hc/documentation) /[DXPR Builderを学ぶ](/ja/hc/documentation/learn-dxpr-builder) /[ページを作る](/ja/hc/documentation/learn-dxpr-builder/build) /[AIで書く・デザインする](/ja/hc/documentation/learn-dxpr-builder/ai) # AIで画像を生成する.

 DXPR Builderを学ぶページを作るAIで書く・デザインする

   ## このガイドの内容

 関連ガイド

- [AIで写真を変更する](/ja/hc/documentation/learn-dxpr-builder/ai/image-editing)
- [AIに代替テキストを書かせる](/ja/hc/documentation/learn-dxpr-builder/ai/image-alt-text)
- [AIでページを下書きする](/ja/hc/documentation/learn-dxpr-builder/ai/page-creation)

イベント告知用の写真が必要なのに手元にない場合は、説明文を書けばAIがページのImageエレメント内に作成します。画像はアップロードと同様に自サイトに保存されます。適切な写真がない場合に使います。すでにある写真の変更は[AIで写真を変更する](/hc/documentation/learn-dxpr-builder/ai/image-editing)をご覧ください。動画ではOpen Day告知の横にある空のImageエレメントを埋めています。

  ## 始める前に

- AIはオンで、**Enable image generation**と**Enable page creation assistant**にチェックが入っています。詳しくは[DXPR BuilderでAIをオンにする](/hc/documentation/learn-dxpr-builder/ai/setup)をご覧ください。
- ページにImageエレメントがあります。写真なしの新しいImageエレメントで構いません。

## セットアップ

1. Imageエレメントを指してコントロールバーの**More**をクリックします。
2. 選択するのは**Edit with AI**です。
3. ボックス内で画像を説明します(例: "Students chatting on a sunny university lawn in autumn, natural light, photo")。
4. 対象は**Image size:**で、**Landscape**を選びます。
5. クリックするのは**Generate Image**です。
6. ビルダーツールバーの**Save**をクリックします。

画像の内容、スタイル(写真、イラスト、水彩)、光、構図を伝えます。ボックス下の**Enhance prompt**は短い説明を詳細版に変換します。

## 背景画像

セクション、ロー、カラム、ほとんどのエレメントには生成画像の背景も設定できます。

1. エレメントの設定を**More** > **Settings**で開き、**Style**を開きます。
2. 対象は**Background image**配下で、**AI Image Generation**をクリックします。
3. 背景を説明し、**Image size:**を選んで**Generate Image**をクリックします。
4. ダイアログの**Save**をクリックします。

## 表示内容

エレメントにはAIの処理中(1分ほどかかる場合があります)"Generating image..."と表示され、その後新しい画像が表示されます。自サイトにWebP画像として保存され、説明文を名前にしてメディアライブラリーに追加されます。説明文は画像の**Alt attribute**にもなります。エレメントの**SEO**設定でプレーンな説明に短縮します。詳しくは[AIに代替テキストを書かせる](/hc/documentation/learn-dxpr-builder/ai/image-alt-text)をご覧ください。

同じ画像で**Edit with AI**を再度開くと、ボックスには前回の説明が残っています。**Edit existing image**が選択されているため、**Edit Image**をクリックするとAIはこの写真を変更します。代わりに新規作成するには**Generate new image**を選び、単語を変更して**Generate Image**をクリックします。

## 設定

| 画像サイズ | ピクセル数 |
|---|---|
| **Auto** | モデルが選択 |
| **Square** | 1024 × 1024 |
| **Landscape** | 1536 × 1024 |
| **Portrait** | 1024 × 1536 |

## 新しい画像が表示されない場合

- **ImageエレメントのMoreメニューにEdit with AIがありません。** **Enable image generation**または**Enable page creation assistant**がオフです。両方を`/admin/dxpr_studio/dxpr_builder/ai_settings`でチェックします。
- **Edit with AIがグレーアウトしています。**AIプロバイダーが設定されていません。[DXPR BuilderでAIをオンにする](/hc/documentation/learn-dxpr-builder/ai/setup)の手順に従います。
- **エレメントに"Image generation failed. Please try again."と表示される。**DXPRは画像を作成できませんでした。例えばアカウントのクレジット切れや、コンテンツルールに抵触する説明が原因です。クリックするのは**Retry**です。または**Cancel**して説明を変更します。
- **ページの再読み込み後に画像が消えています。**ページが保存されていませんでした。再度生成し、ビルダーツールバーの**Save**をクリックします。

## 次のステップ

- [AIで写真を変更する](/hc/documentation/learn-dxpr-builder/ai/image-editing)：写真の光、背景、スタイルを調整する。
- [AIに代替テキストを書かせる](/hc/documentation/learn-dxpr-builder/ai/image-alt-text)：スクリーンリーダー向けに画像を説明する。
- [AIでページを下書きする](/hc/documentation/learn-dxpr-builder/ai/page-creation)：周辺のページをAIに書かせる。