> 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

L’éditeur d’images Channable vous permet de créer et de modifier des modèles pour les images de produits.

Un modèle a un [canvas](#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 canvas

<figure><img src="/files/c9a43462b96728aaf3db93a6941398fe99fc436c" alt=""><figcaption></figcaption></figure>

Le canvas est la zone vide où vous construisez votre modèle.

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

| Réglage                                                                                                                                                                                                                             | 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 parmi 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 objets. | Sélectionner une couleur avec le **Sélecteur de couleur** ou saisissez un code hexadécimal.                                |
| [Paramètres de la 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-laccrochage-a-la-grille.md)                         | Aligne les objets sur le canvas.                                | Activez ou désactivez l’affichage de la grille et personnalisez-le pour faciliter son utilisation lors de la modification. |

### Contrôles et outils du canvas

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

| Icône/contrôle                                                                                                                                                 | Description                                                                                                                                                                                                                                                                           |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Zoom avant/arrière (menu déroulant)</strong><br><br><img src="/files/b43af63388775631bd4b3167e63b2e5b9e4de4b1" alt="" data-size="original"></p>     | <p>Modifiez la taille d’affichage du canvas.<br></p><p>Utilisez le menu déroulant pour zoomer en avant et en arrière par pourcentage</p><p>OU faites défiler avec votre souris pour zoomer en avant et en arrière.</p>                                                                |
| <p><strong>Centrer (icône cible)</strong></p><p><br><img src="/files/60f9b92e44c7c3a450809832c86c76622b5b2dc1" alt=""></p>                                     | Centrez le canvas sur votre écran.                                                                                                                                                                                                                                                    |
| <p><strong>Sélectionner un objet (icône flèche)</strong><br><br><img src="/files/04b5e225044687f2b50eb17319d98e954cb51147" alt=""></p>                         | Sélectionnez et déplacez des objets individuels sur le canvas.                                                                                                                                                                                                                        |
| <p><strong>Déplacer/panoramique (icône main)</strong></p><p><br><img src="/files/c135a642466f8518f7c41ff05d88976039fb9e20" alt=""></p>                         | Déplacez toute la vue du canvas.                                                                                                                                                                                                                                                      |
| <p><strong>Annuler/rétablir (flèches circulaires avant et arrière)</strong><br><br><img src="/files/27f9356133829a707f99d6a4d8862cd902839052" 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="/files/9dcff9e48007493d1867b7404fddab723c74dd0b" 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 en revue des Produits importés. |

### Types de calques

Les objets ajoutent des images, des formes et du texte au canvas. 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 d’images et de texte peuvent utiliser un contenu statique ou un Champ de projet. Un objet d’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 dans lequel vous utilisez le modèle.
{% endhint %}

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

<figure><img src="/files/a46c5d3cdf30b0b9ce64e0e979d633e433f4585e" 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 produit, comme les titres.
* Objet image : Pour des images statiques ou des images de produits provenant 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).

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 commandes dans le coin supérieur droit pour gérer le modèle lui-même.

* Sauvegarder : Enregistrez les modifications actuelles de votre modèle.
* Icône 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="/files/a9a403b4c8d35f3156586c12670082c274126b22" 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
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=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.