Aller au contenu principal
DocxGen

Images dynamiques

Logo, signature, photo, cachet, QR code...

8 min de lecture

Les images dynamiques permettent d'insérer des images variables dans vos documents Word : logo d'entreprise, signature manuscrite, photo d'identité, cachet, QR code...

Principe

Dans votre modèle Word, vous insérez une image placeholder (une image temporaire) à l'emplacement souhaité, puis vous modifiez son texte alternatif avec la balise image :

{%nom_du_champ}

Le préfixe % indique à DocXgen qu'il s'agit d'un champ image. Lors de la génération, l'image placeholder est remplacée par l'image fournie dans le formulaire.

Pourquoi un placeholder ?

L'image placeholder dans votre modèle Word définit la taille, la position et l'habillage de l'image finale. Choisissez un placeholder aux bonnes dimensions pour que l'image insérée ait le rendu souhaité.

Mise en place

1

Insérez une image placeholder dans Word

Insérez n'importe quelle image dans votre document Word à l'emplacement voulu. Redimensionnez-la aux dimensions souhaitées pour l'image finale.

2

Modifiez le texte alternatif

Faites un clic droit sur l'image → « Modifier le texte de remplacement » (ou « Alt Text »). Dans le champ de texte, tapez {%nom_du_champ}. Enregistrez.

3

Importez et auto-générez

Importez votre modèle dans DocXgen et cliquez sur « Générer le formulaire ». DocXgen détecte le champ image et crée une zone d'upload dans le formulaire.

4

Générez le document

Lors de la génération, cliquez sur la zone d'upload pour sélectionner votre image. L'image placeholder sera remplacée dans le document final.

Modifier le texte alternatif dans Word

Le texte alternatif (alt text) est le mécanisme utilisé par DocXgen pour identifier les images dynamiques. Voici comment le modifier selon votre version de Word :

Word 365 / Word 2019+

  1. Cliquez droit sur l'image
  2. Sélectionnez « Modifier le texte de remplacement »
  3. Dans le panneau qui s'ouvre, tapez {%nom_du_champ}
  4. Fermez le panneau

Word 2016

  1. Cliquez droit sur l'image
  2. Sélectionnez « Format de l'image »
  3. Allez dans l'onglet « Texte de remplacement »
  4. Dans le champ « Description », tapez {%nom_du_champ}
  5. Cliquez OK

Word pour Mac

  1. Cliquez droit sur l'image
  2. Sélectionnez « Modifier le texte de remplacement... »
  3. Tapez {%nom_du_champ} dans le champ
  4. Fermez

Attention au champ utilisé

Tapez la balise dans le champ Description du texte alternatif, pas dans le champ Titre. Certaines versions de Word affichent les deux champs.

Exemples concrets

Logo d'entreprise

Placez un logo temporaire dans l'en-tête de votre document :

PropriétéValeur
Balise{%logo_entreprise}
EmplacementEn-tête du document
Taille recommandée200×80 px
UsageDevis, factures, contrats

Signature manuscrite

Insérez une zone de signature en bas du document :

PropriétéValeur
Balise{%signature}
EmplacementZone de signature
Taille recommandée200×100 px
UsageContrats, lettres, attestations

Photo d'identité

Pour les documents RH (badge, fiche salarié) :

PropriétéValeur
Balise{%photo}
EmplacementEn-tête ou encart dédié
Taille recommandée150×200 px (portrait)
UsageBadge, fiche employé

Cachet d'entreprise

PropriétéValeur
Balise{%cachet}
EmplacementPrès de la signature
Taille recommandée150×150 px
UsageDocuments officiels, PV

Plusieurs images dans un document

Vous pouvez avoir plusieurs images dynamiques dans le même document. Chaque image a sa propre balise :

En-tête : {%logo}
Corps du document...
Signature : {%signature}
Cachet : {%cachet}

Chaque image aura sa propre zone d'upload dans le formulaire de génération.

Dans le formulaire

Les champs image s'affichent dans le formulaire comme une zone d'upload :

  • Cliquez sur la zone pour sélectionner un fichier image
  • Un aperçu s'affiche après la sélection
  • Vous pouvez supprimer l'image et en choisir une autre
  • Formats acceptés : JPG, PNG, GIF, SVG, WebP

Conseils pour un bon rendu

Dimensions du placeholder

L'image finale prend les dimensions de l'image placeholder dans votre modèle Word. Si votre placeholder fait 200×100 px, l'image uploadée sera redimensionnée à 200×100 px.

Conseil : utilisez un placeholder aux dimensions exactes que vous souhaitez pour l'image finale.

Fond transparent

Pour les logos et signatures, préférez les images au format PNG avec fond transparent. Le logo s'intégrera naturellement dans votre document sans fond blanc visible.

Résolution

Pour un document destiné à l'impression, utilisez des images d'au moins 150 DPI. Pour un usage écran uniquement, 72 DPI suffisent.

Tester avec une petite image

Pour votre premier test, utilisez n'importe quelle petite image (même un carré de couleur). Vous pourrez ajuster les dimensions du placeholder après avoir vu le résultat.

Combiner avec d'autres fonctionnalités

Les images dynamiques se combinent avec toutes les autres fonctionnalités :

CombinaisonExemple
Image + champs simplesFacture avec logo + numéro + date + client
Image + conditionCachet optionnel : {#avec_cachet} image du cachet {/avec_cachet}
Image + tableau dynamiqueCatalogue produits avec photo par ligne

Quels formats d'image sont acceptés ?

JPG, PNG, GIF, SVG et WebP. Pour les logos et signatures, le PNG avec fond transparent est recommandé.

L'image sera-t-elle déformée si elle n'a pas les mêmes proportions que le placeholder ?

L'image est redimensionnée pour s'adapter aux dimensions du placeholder. Pour éviter toute déformation, utilisez un placeholder avec les mêmes proportions que vos images (ex: carré pour une photo de profil, rectangulaire pour un logo).

Puis-je placer une image dans un en-tête ou un pied de page ?

Oui, les images dynamiques fonctionnent dans les en-têtes, pieds de page, et partout dans le corps du document.

La taille du fichier image est-elle limitée ?

Il n'y a pas de limite stricte, mais nous recommandons des images de moins de 5 Mo pour des performances optimales. Redimensionnez les photos haute résolution avant de les uploader.

Puis-je rendre une image optionnelle (pas obligatoire) ?

Oui, par défaut les champs image ne sont pas obligatoires. Si l'image n'est pas fournie, le placeholder reste dans le document. Pour le supprimer conditionnellement, placez l'image dans une section conditionnelle.

Insérez des images dans vos documents

Logo, signature, photo — personnalisez vos documents Word avec des images dynamiques.