Générer une image avec l’IA.

Learn DXPR BuilderBuild pagesSchrijven en ontwerpen met AI

Besoin d’une photo pour une annonce d’événement sans en avoir ? Décrivez-la et l’IA la crée dans l’élément Image de votre page. L’image est stockée sur votre site comme un téléversement. Servez-vous en quand vous n’avez aucune photo adaptée ; pour changer une photo existante, voir Changer une photo avec l’IA. La vidéo remplit un élément Image vide à côté d’une annonce de journée portes ouvertes.

Avant de commencer

  • L’IA est activée, avec Enable image generation et Enable page creation assistant cochés. Voir Activer l’IA dans DXPR Builder.
  • La page contient un élément Image. Un nouvel élément Image sans photo convient.

Configuration

  1. Pointez l’élément Image et cliquez sur More sur sa barre de contrôle.
  2. Choisissez Edit with AI.
  3. Décrivez l’image dans la zone, par exemple « Students chatting on a sunny university lawn in autumn, natural light, photo ».
  4. Sous Image size:, choisissez Landscape.
  5. Cliquez sur Generate Image.
  6. Cliquez sur Save sur la barre d’outils du builder.

Dites ce que l’image montre, son style (photo, illustration, aquarelle), la lumière et le cadrage. Enhance prompt sous la zone transforme une courte description en description détaillée.

Images d’arrière-plan

Les sections, lignes, colonnes et la plupart des éléments peuvent aussi recevoir un arrière-plan généré :

  1. Ouvrez les réglages de l’élément avec More > Settings et ouvrez Style.
  2. Sous Background image, cliquez sur AI Image Generation.
  3. Décrivez l’arrière-plan, choisissez une Image size: et cliquez sur Generate Image.
  4. Cliquez sur Save dans le dialogue.

Le panneau Style d’un élément Image avec AI Image Generation ouvert sous Background image : un prompt pour un bureau lumineux avec des plantes vertes, taille d’image Landscape sélectionnée et le bouton Generate Image, à côté de l’élément Image dont il définirait l’arrière-plan

Ce que vous voyez

L’élément affiche « Generating image... » pendant que l’IA travaille, ce qui peut prendre une minute. Puis la nouvelle image apparaît. Elle est enregistrée sur votre site comme image WebP et ajoutée à votre médiathèque, nommée d’après votre description. La description devient aussi l’Alt attribute de l’image ; raccourcissez-la en description simple dans les réglages SEO de l’élément, voir Laisser l’IA écrire votre texte alternatif.

Ouvrez de nouveau Edit with AI sur la même image et la zone contient votre dernière description. Edit existing image est désormais sélectionné, donc l’IA change cette photo quand vous cliquez sur Edit Image. Pour en créer une nouvelle, choisissez Generate new image, changez un mot et cliquez sur Generate Image.

Paramètres

Taille d’image Pixels
Auto Le modèle choisit
Square 1024 × 1024
Landscape 1536 × 1024
Portrait 1024 × 1536

Si vous ne voyez pas la nouvelle image

  • Le menu More de l’élément Image n’a pas de Edit with AI. Enable image generation ou Enable page creation assistant est désactivé. Cochez les deux sous /admin/dxpr_studio/dxpr_builder/ai_settings.
  • Edit with AI est grisé. Aucun fournisseur IA n’est configuré. Suivez Activer l’IA dans DXPR Builder.
  • L’élément affiche « Image generation failed. Please try again. » DXPR n’a pas pu créer l’image, par exemple parce que le compte n’a plus de crédits ou que la description enfreint les règles de contenu. Cliquez sur Retry, ou sur Cancel et changez la description.
  • L’image a disparu après rechargement de la page. La page n’a pas été enregistrée. Générez de nouveau et cliquez sur Save sur la barre d’outils du builder.

Et ensuite ?