# Créer et modifier vos images

L'éditeur d'images vous permet de créer et de modifier vos images. Avant de commencer, il y a un peu de [préparation](#map-image-product-fields-to-the-image-type) à effectuer.

### Avant de commencer

#### Mapper les champs produit image au type « image »

Assurez-vous que tous les champs de projet que vous utiliserez pour les images sont correctement mappés au Type : « Image » dans le mapping d'import. Cela s'applique aux champs de projet importés et aux champs de projet que vous avez créés manuellement.

1. Aller à **Installation** > **Installer l'import** > **Modifier le mapping**.
2. Cliquez **Modifier** derrière le champ de projet que vous souhaitez utiliser et assurez-vous **Type** est défini sur « Image ». 

{% hint style="warning" %}
Important : Assurez‑vous que les images que vous souhaitez utiliser depuis votre import sont des fichiers PNG, WebP, JPG ou JPEG (les autres types de fichiers ne fonctionneront pas). L'Image Editor lui‑même ne créera que des fichiers PNG.
{% endhint %}

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

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

#### Configurer le flux pour lequel vous voulez créer de nouvelles images

L'Image Editor peut être utilisé avec n'importe quel flux dans la section Paramètres du flux. Créez d'abord (ou copiez) un flux pour le canal pour lequel vous souhaitez créer des images optimisées.

{% hint style="info" %}
Astuce : si vous voulez tester la génération d'images avant d'envoyer vers un canal publicitaire, commencez par un flux qui n'est pas encore utilisé sur un canal.
{% endhint %}

## Configurer l'éditeur d'images

{% stepper %}
{% step %}

### Configurer une première règle d'image

Exemple : Instagram Feed

1. Dans le flux, rendez-vous à **Règles** > **Règles d'image** pour créer une règle d'image.
2. Cliquez **Nouvelle règle** et donnez-lui un nom.

{% hint style="info" %}
Astuce : si vous voulez tester la génération d'images avant d'envoyer vers un canal publicitaire, commencez par un flux qui n'est pas encore utilisé sur un canal.
{% endhint %}
{% endstep %}

{% step %}

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

### Créer un modèle

1. Ouvrez le **Sélectionnez un modèle** dans le menu déroulant et choisissez **+ Nouveau modèle**.
2. Donnez un nom au modèle et cliquez sur **Créer** pour ouvrir l'éditeur d'images

<figure><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FEhCYNoVVFelZkYtdMJPu%2F2%20(2).gif?alt=media&#x26;token=3e68019b-d5ae-47c6-924c-9fbfe3da8f21" alt=""><figcaption></figcaption></figure>

Choisissez d'abord la bonne taille pour votre canevas (voir Paramètres du canevas). Puis construisez votre modèle en ajoutant des objets comme Image, Texte ou Forme (coin supérieur gauche).
{% endstep %}

{% step %}

### Appliquer le modèle aux produits

1. Cliquez sur Retour (en haut à gauche) pour revenir à la règle d'image.
2. Dans la partie ALORS de la règle, cliquez sur Sélectionner un modèle et choisissez le modèle que vous avez créé.

Si vous souhaitez appliquer le modèle uniquement à certains articles, définissez les conditions appropriées dans la partie SI de la règle.

{% hint style="warning" %}
Important : un produit ne peut être modifié que par une seule règle — la première règle qui sélectionne le produit. Les règles suivantes qui sélectionnent le même produit passeront au produit suivant.
{% endhint %}
{% endstep %}

{% step %}

### Voir les résultats

* Après avoir appliqué les modèles, cliquez sur Aperçu des résultats à droite de la règle d'image pour voir le modèle appliqué à vos images sélectionnées

<figure><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FuuUmmDMWCUf8gHLeRlbM%2F7%20(1).gif?alt=media&#x26;token=c7bc5b5d-f5be-4d2d-9935-c054bbfcc2bc" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Stocker l'URL de l'image et définir les paramètres de sécurité

1. Dans votre règle d'image, sélectionnez un champ image pour stocker la nouvelle URL d'image.
2. Cliquez sur Sauvegarder la règle et continuez à l'étape Finaliser dans votre flux.
3. Connectez le champ image interne correct au nom de champ du canal.
4. Cliquez sur Sauvegarder & Éxécuter pour générer le flux.

Les URL d'image générées commencent par : *<https://channableusercontent.com/>*

S'il y a des erreurs lors de la génération des images, le flux échouera à s'exécuter. Consultez les erreurs dans l'onglet Statut du flux et via[ notification par e‑mail ](https://app.gitbook.com/s/8y3q10FnokmlpzYq3YPS/manage-your-account-and-settings/manage-your-notification-settings)(si activée).

Vous pouvez modifier le comportement du flux en cas d'erreurs via les paramètres de sécurité dans le flux

<figure><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2FUw405TkeIY6BETSD476s%2Fmceclip0%20(1).png?alt=media&#x26;token=d5adc39b-5aba-4a68-ac76-5b7c1bc7b48b" alt=""><figcaption></figcaption></figure>

Si vous rencontrez des erreurs dans l'éditeur d'images, consultez cet [article de dépannage.](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/depannage)

Si les problèmes persistent, [contactez‑nous](https://www.channable.com/contact) pour obtenir de l'aide.
{% endstep %}

{% step %}

### Ajouter un objet image

* Cliquez sur Image puis Ajouter une image dynamique pour créer un objet image.
* Pour sélectionner une image, cliquez sur Design dans le menu de droite.
* Utilisez le menu déroulant à côté du champ Image et choisissez le champ image que vous souhaitez pour cet objet

<figure><img src="https://3412188374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fu8whzIfip72Kvn3M1bsc%2Fuploads%2Fbkh4MhCSiYWmOsTL7kPi%2F3%20(1).gif?alt=media&#x26;token=b742e949-9a60-4871-9a48-b5e493798f9e" alt=""><figcaption></figcaption></figure>

En savoir plus sur [les paramètres de l'objet image](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-fr/lediteur-dimages/bases-de-lediteur-dimages#object-types).

{% hint style="info" %}
Important : maximum de 10 images par modèle.
{% endhint %}

{% hint style="info" %}
Remarque : Ce qui précède ajoute une image dynamique. Apprenez-en davantage sur [l'ajout d'une image statique](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/creer-un-modele-dimage/telecharger-des-images-statiques) identique pour tous les produits.
{% endhint %}
{% endstep %}

{% step %}

### Ajouter un objet texte

* Cliquez sur Texte pour ajouter un objet texte.
* Dans Design, modifiez le champ de valeur pour ajouter du texte statique, du texte dynamique (connecter un champ de projet), ou une combinaison de texte statique + dynamique.

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

{% hint style="info" %}
En savoir plus sur [ajout d'une police personnalisée](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-fr/creatives-creer-et-modifier-des-images/creer-un-modele-dimage/telecharger-une-police-personnalisee).
{% endhint %}

{% hint style="info" %}
En savoir plus sur [les paramètres de texte](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-fr/lediteur-dimages/bases-de-lediteur-dimages#text-object).
{% endhint %}
{% endstep %}

{% step %}

### Ajouter un objet forme et changer l'ordre des objets

* Cliquez sur Forme pour ajouter une forme statique.
* Utilisez l'onglet Design pour modifier l'apparence de la forme.
* Pour changer l'ordre des objets (par exemple placer une forme derrière du texte), ouvrez Objets et faites glisser les éléments à l'aide de l'icône à trois traits. Une fois terminé, appuyez sur Sauvegarder en haut à droite.

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/4dha4kbUsQI08FuYHBlT/19237707771154" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
En savoir plus sur [paramètres de l'objet forme](https://helpcenter.channable.com/manage-improve-product-data/manage-product-and-improve-data-fr/lediteur-dimages/bases-de-lediteur-dimages#object-types).
{% endhint %}
{% endstep %}

{% step %}

### Ouvrir des modèles existants pour les modifier

* Pour modifier un modèle existant, allez dans Sélectionner un modèle et choisissez un modèle que vous avez créé précédemment.
* Cliquez sur Éditeur d'images pour ouvrir l'éditeur d'images avec votre modèle sélectionné.

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/GjTie729rWAjbCPTLihF/14229440760722" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}