> For the complete documentation index, see [llms.txt](https://helpcenter.channable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/the-image-editor/principes-de-base-de-lediteur-dimages.md).

# Principes de base de l’Éditeur d’images

Découvrez comment utiliser le canevas, les calques et les commandes de modèle de l’Éditeur d’images.

L’éditeur d’images Channable vous permet de Créer et de Modifier des modèles d’images de produits.

Un modèle comporte un [canevas](#work-on-the-canvas) (l’arrière-plan sur lequel vous travaillez) et des objets pour le Texte, les images et les formes. Chaque objet apparaît comme un calque dans **Calques**où vous contrôlez son ordre d’empilement.

## Travailler sur le canevas

<figure><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FzL8AlPqY6hDhzteTvi7Z%2FScreenshot%202026-07-20%20at%2010.56.30.png?alt=media&amp;token=b005ad9a-944c-4ad6-aeb2-8dc33e86ea4c" alt=""><figcaption></figcaption></figure>

Le canevas est la zone vide dans laquelle vous construisez votre modèle.

Avant de commencer à ajouter des objets à votre modèle, vous pouvez vouloir effectuer les modifications suivantes sur votre canevas à l’aide de l’onglet **Paramètres**  :

| Paramètre                                                                                                                                                                                                                           | Description                                                       | Détails                                                                                            |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
| [Taille](/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/create-an-image-template/ajuster-la-taille-et-larriere-plan-dune-image.md)                                          | Définit les dimensions finales de sortie du modèle.               | Choisissez dans une Liste de tailles prédéfinies ou saisissez la vôtre.                            |
| [Couleur d’arrière-plan](/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/create-an-image-template/ajuster-la-taille-et-larriere-plan-dune-image.md#configure-the-background) | Définit la couleur unie ou en dégradé derrière tous les éléments. | Sélectionner une couleur avec le **Sélecteur de couleurs** ou saisissez un code hexadécimal.       |
| [Paramètres de grille](/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/create-an-image-template/utiliser-la-grille-et-lalignement-sur-la-grille.md)                          | Aligne vos objets sur le canevas.                                 | Activez ou désactivez l’affichage de la grille et personnalisez-le pour faciliter la modification. |

### Contrôles et outils du canevas

Ces contrôles se trouvent sur le côté droit du canevas.

| Icône/Contrôle                                                                                                                                                                                                                                                                                                                                                     | Description                                                                                                                                                                                                                                                                        |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Zoom avant/arrière (menu déroulant)</strong><br><br><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FABKYa9uAkHnUYcJQNsGa%2FScreenshot%202026-07-20%20at%2011.10.57.png?alt=media&amp;token=201f4f36-654e-4a1a-ae94-ca545c1c9412" alt="" data-size="original"></p>     | <p>Modifie la taille d’affichage du canevas.<br></p><p>Utilisez le menu déroulant pour zoomer avant et arrière en pourcentage</p><p>OU faites défiler avec votre souris pour zoomer avant et arrière.</p>                                                                          |
| <p><strong>Centrer (icône cible)</strong></p><p><br><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FD05a941CpbvRO2c59y3d%2FScreenshot%202026-07-20%20at%2011.18.11.png?alt=media&amp;token=5a374bf0-1672-4168-b4e8-320fc40c74f7" alt=""></p>                                     | Centre le canevas sur votre écran.                                                                                                                                                                                                                                                 |
| <p><strong>Sélectionner un élément/calque (icône flèche)</strong><br><br><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2F4V9NAvM9uEfHRgV1s1J6%2FScreenshot%202026-07-20%20at%2011.15.54.png?alt=media&amp;token=3a0fdb70-1653-4bc7-b47c-91385618c962" alt=""></p>                | Sélectionner et déplacer des éléments individuels sur le canevas.                                                                                                                                                                                                                  |
| <p><strong>Déplacement/Panoramique (icône main)</strong></p><p><br><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2F7XPwPJo9x2HxvzwOuK3F%2FScreenshot%202026-07-20%20at%2011.17.30.png?alt=media&amp;token=ee438338-849b-4e51-a941-c36483ede7a1" alt=""></p>                      | Déplacez toute la vue du canevas.                                                                                                                                                                                                                                                  |
| <p><strong>Annuler/Rétablir (flèches circulaires avant et arrière)</strong><br><br><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2F6QG3McmXCE8SycZbdzP3%2FScreenshot%202026-07-20%20at%2011.21.25.png?alt=media&amp;token=4bfe2741-7dd8-44ef-9090-d31623e73e2d" alt=""></p>      | Annulez ou rétablissez votre dernière action.                                                                                                                                                                                                                                      |
| <p><strong>Aperçu du modèle sur les Produits (flèches avant et arrière)</strong><br><br><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FJijSvOqpTbv0b2ibW70Z%2FScreenshot%202026-07-20%20at%2011.23.42.png?alt=media&amp;token=7a94bcf8-ec9e-47d0-9905-bf7d354d56df" alt=""></p> | Voir [comment le modèle change](/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/create-an-image-template/previsualiser-votre-modele.md#preview-directly-in-the-image-editor) au fil du passage entre les Produits importés. |

### Types de calques

Les objets ajoutent des images, des formes et du Texte au canevas. Chaque objet apparaît comme un calque dans **Calques**. Utilisez **Calques** pour contrôler leur ordre d’empilement. Les nouveaux calques peuvent avoir des noms par défaut tels que `obj_1` ou `obj_2`. Renommez-les si nécessaire.

Les objets image et Texte peuvent utiliser du contenu statique ou un Champ de projet. Un objet image qui utilise un Champ de projet est une image dynamique. Le Texte qui inclut un Champ de projet est un Texte dynamique.

{% hint style="warning" %}
**Important :** Utilisez un Champ de projet qui existe dans chaque projet où vous utilisez le modèle.
{% endhint %}

Utilisez les **Texte**, **Image**et **Forme** boutons en haut du canevas pour ajouter de nouveaux objets à votre modèle.

<figure><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FnwMa9mtMZ0u0kIYnK7C6%2FScreenshot%202026-07-21%20at%2008.56.28.png?alt=media&amp;token=6bcc892b-74c7-4e67-832d-13a274be06f1" alt=""><figcaption></figcaption></figure>

Vous pouvez Créer trois types d’objets :

* Objet Texte : pour du Texte statique ou du Texte provenant de champs de produits, comme les titres.
* Objet image : pour des images statiques ou des images de produit issues d’un champ d’image.
* Objet Forme : pour des formes statiques comme des boîtes, des lignes et des flèches.

Découvrez comment [gérer et concevoir les calques](/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/create-an-image-template/gerer-les-calques.md).

Utilisez [des objets conditionnels](/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/create-an-image-template/comment-utiliser-les-objets-conditionnels-dans-lediteur-dimages.md) pour afficher ou masquer un calque en fonction des données produit.

Découvrez comment [ajouter du Texte](/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/create-an-image-template/ajouter-du-texte.md) ou [ajouter des formes](/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/create-an-image-template/ajouter-des-formes.md).

### Gérer le modèle

Utilisez les contrôles dans le coin supérieur droit pour gérer le modèle lui-même.

* Sauvegarder : Sauvegardez les modifications actuelles de votre modèle.
* Icône d’engrenage (Paramètres) : Accédez aux Options pour Supprimer ou dupliquer le modèle.
* Onglet d’utilisation : voyez où, dans vos Projets, le modèle Actuel est utilisé.<br>

  <figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/Nhmdf9LMHZS4Q1lxfHkf/14376740825490" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/the-image-editor/principes-de-base-de-lediteur-dimages.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.