--- url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/ki/bilderzeugung' title: 'Bild mit KI erzeugen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T04:02:34+00:00' updated: '2026-10-24T19:36:26+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Brauchen Sie ein Foto für eine Veranstaltungsankündigung und haben keines? Beschreiben Sie es und die KI erzeugt es im Bildelement auf Ihrer Seite. Das Bild wird wie ein Upload auf Ihrer Website gespeichert. Nutzen Sie dies, wenn Sie kein passendes Foto haben; um ein vorhandenes Foto zu ändern, siehe Foto mit KI ändern. Das Video füllt ein leeres Bildelement neben einer Open-Day-Ankündigung. 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-24T19:36:26+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Bild mit KI erzeugen' description: |- Brauchen Sie ein Foto für eine Veranstaltungsankündigung und haben keines? Beschreiben Sie es und die KI erzeugt es im Bildelement auf Ihrer Seite. Das Bild wird wie ein Upload auf Ihrer Website gespeichert. Nutzen Sie dies, wenn Sie kein passendes Foto haben; um ein vorhandenes Foto zu ändern, siehe Foto mit KI ändern. Das Video füllt ein leeres Bildelement neben einer Open-Day-Ankündigung. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T04:02:34+0000' dateModified: '2026-10-24T19:36:26+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/de/hc/dokumentation/dxpr-builder-lernen/ki/bilderzeugung' articleSection: 'Schreiben und gestalten mit KI' - '@type': WebPage '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/ki/bilderzeugung' description: |- Brauchen Sie ein Foto für eine Veranstaltungsankündigung und haben keines? Beschreiben Sie es und die KI erzeugt es im Bildelement auf Ihrer Seite. Das Bild wird wie ein Upload auf Ihrer Website gespeichert. Nutzen Sie dies, wenn Sie kein passendes Foto haben; um ein vorhandenes Foto zu ändern, siehe Foto mit KI ändern. Das Video füllt ein leeres Bildelement neben einer Open-Day-Ankündigung. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/build) /[Schreiben und gestalten mit KI](/de/hc/documentation/learn-dxpr-builder/ai) # Bild mit KI erzeugen. DXPR Builder lernenSeiten erstellenSchreiben und gestalten mit KI ## In diesem Leitfaden Verwandte Leitfäden - [Foto mit KI ändern](/de/hc/dokumentation/dxpr-builder-lernen/ki/bildbearbeitung) - [KI Alternativtext schreiben lassen](/de/hc/dokumentation/dxpr-builder-lernen/ki/bild-alternativtext) - [Seite mit KI entwerfen](/de/hc/dokumentation/dxpr-builder-lernen/ki/seitenerstellung) Brauchen Sie ein Foto für eine Veranstaltungsankündigung und haben keines? Beschreiben Sie es und die KI erzeugt es im Bildelement auf Ihrer Seite. Das Bild wird wie ein Upload auf Ihrer Website gespeichert. Nutzen Sie dies, wenn Sie kein passendes Foto haben; um ein vorhandenes Foto zu ändern, siehe [Foto mit KI ändern](/de/hc/dokumentation/dxpr-builder-lernen/ki/bildbearbeitung). Das Video füllt ein leeres Bildelement neben einer Open-Day-Ankündigung. ## Bevor Sie beginnen - KI ist eingeschaltet, mit aktiviertem **Enable image generation** und **Enable page creation assistant**. Siehe [KI in DXPR Builder einschalten](/de/hc/dokumentation/dxpr-builder-lernen/ki/einrichtung). - Die Seite hat ein Bildelement. Ein neues Bildelement ohne Foto genügt. ## Einrichtung 1. Zeigen Sie auf das Bildelement und klicken Sie auf **More** an seiner Steuerungsleiste. 2. Wählen Sie **Edit with AI**. 3. Beschreiben Sie das Bild im Feld, zum Beispiel „Students chatting on a sunny university lawn in autumn, natural light, photo“. 4. Wählen Sie unter **Image size:** die Option **Landscape**. 5. Klicken Sie auf **Generate Image**. 6. Klicken Sie in der Builder-Symbolleiste auf **Save**. Sagen Sie, was das Bild zeigt, seinen Stil (Foto, Illustration, Aquarell), das Licht und den Bildausschnitt. **Enhance prompt** unter dem Feld macht aus einer kurzen Beschreibung eine ausführliche. ## Hintergrundbilder Abschnitte, Zeilen, Spalten und die meisten Elemente können ebenfalls einen generierten Hintergrund erhalten: 1. Öffnen Sie die Einstellungen des Elements mit **More** > **Settings** und öffnen Sie **Style**. 2. Klicken Sie unter **Background image** auf **AI Image Generation**. 3. Beschreiben Sie den Hintergrund, wählen Sie eine **Image size:** und klicken Sie auf **Generate Image**. 4. Klicken Sie im Dialog auf **Save**. ## Was Sie sehen Das Element zeigt „Generating image...“, während die KI arbeitet, was eine Minute dauern kann. Dann erscheint das neue Bild. Es wird als WebP-Bild auf Ihrer Website gespeichert und Ihrer Medienbibliothek hinzugefügt, benannt nach Ihrer Beschreibung. Die Beschreibung wird außerdem zum **Alt attribute** des Bildes; kürzen Sie sie in den **SEO**-Einstellungen des Elements auf eine schlichte Beschreibung, siehe [KI Alternativtext schreiben lassen](/de/hc/dokumentation/dxpr-builder-lernen/ki/bild-alternativtext). Öffnen Sie **Edit with AI** auf demselben Bild erneut und das Feld enthält Ihre letzte Beschreibung. **Edit existing image** ist nun gewählt, daher ändert die KI dieses Foto, wenn Sie auf **Edit Image** klicken. Um stattdessen ein neues zu erzeugen, wählen Sie **Generate new image**, ändern Sie ein Wort und klicken Sie auf **Generate Image**. ## Settings | Bildgröße | Pixel | |---|---| | **Auto** | Das Modell wählt | | **Square** | 1024 × 1024 | | **Landscape** | 1536 × 1024 | | **Portrait** | 1024 × 1536 | ## Wenn Sie das neue Bild nicht sehen - **Das More-Menü des Bildelements hat kein Edit with AI.** **Enable image generation** oder **Enable page creation assistant** ist aus. Aktivieren Sie beide unter `/admin/dxpr_studio/dxpr_builder/ai_settings`. - **Edit with AI ist ausgegraut.** Kein KI-Anbieter ist konfiguriert. Folgen Sie [KI in DXPR Builder einschalten](/de/hc/dokumentation/dxpr-builder-lernen/ki/einrichtung). - **Das Element zeigt „Image generation failed. Please try again.“** DXPR konnte das Bild nicht erzeugen, zum Beispiel weil das Konto keine Credits mehr hat oder die Beschreibung gegen die Inhaltsregeln verstößt. Klicken Sie auf **Retry**, oder **Cancel** und ändern Sie die Beschreibung. - **Nach dem Neuladen der Seite ist das Bild weg.** Die Seite wurde nicht gespeichert. Erzeugen Sie erneut und klicken Sie in der Builder-Symbolleiste auf **Save**. ## Wie geht es weiter? - [Foto mit KI ändern](/de/hc/dokumentation/dxpr-builder-lernen/ki/bildbearbeitung): Licht, Hintergrund oder Stil eines Fotos anpassen. - [KI Alternativtext schreiben lassen](/de/hc/dokumentation/dxpr-builder-lernen/ki/bild-alternativtext): Bild für Screenreader beschreiben. - [Seite mit KI entwerfen](/de/hc/dokumentation/dxpr-builder-lernen/ki/seitenerstellung): die KI die Seite darum herum schreiben lassen.