---
title: Comment remplacer une image ?
slug: fr/comment-remplacer-une-image
docTags: 
createdAt: 2025-08-05T14:11:00.429Z
---

Les images sur une mise en page de billet, un e-mail de commande, un document ou un webskin sont définies dans le code HTML de la mise en page et stockées via les **Ressources**.

# Remplacer une image

1\. Allez dans **Paramètres** puis dans **Ressources**.
Si vos images sont regroupées dans un dossier spécifique, ouvrez ce dossier.

2\. Cliquez en haut à droite sur **Mettre en ligne un fichier**. Sélectionnez l’image souhaitée et ajoutez-la.

![](https://api.archbee.com/api/optimize/tnY7Mf55_e2QgPQDb0pv7--TLy6e7nULAr0AoXU0CYX-20250805-141815.png)

:::hint{type="success"}
✅ Nous recommandons de donner un nom clair et simple au fichier.
:::

3\. Copiez le nom complet du fichier (y compris l’extension).
Si le fichier se trouve dans un (sous-)dossier, ajoutez les noms des dossiers séparés par `/`.
Par exemple : `example.png` ou `img/example.png`

4\. Ouvrez la mise en page dans laquelle vous souhaitez remplacer l’image.
Recherchez dans le code HTML l’image existante. Elle est indiquée par une balise `<img>` avec l’attribut `src="..."`.

::Image[]{src="https://api.archbee.com/api/optimize/tnY7Mf55_e2QgPQDb0pv7-au3bt9xW6f3AwtM8QiVv4-20250801-135518.png" size="50" width="265" height="52" position="center" showCaption="false"}

5\. Remplacez le nom du fichier entre les guillemets par le nouveau nom de fichier.

::Image[]{src="https://api.archbee.com/api/optimize/tnY7Mf55_e2QgPQDb0pv7-6zYH_9VQaWaYRvdacuPa9-20250801-135804.png" size="50" width="265" height="47" position="center" showCaption="false"}

Dans l’**aperçu** de la mise en page, vous verrez maintenant l’image modifiée.

:::hint{type="warning"}
⚠️ Assurez-vous que la nouvelle image ait les mêmes dimensions et/ou proportions que l’image d’origine. Cela permet d’éviter des décalages indésirables dans la mise en page.
:::

# Modifier une image à plusieurs endroits

Vous souhaitez remplacer une image (comme un logo) partout où elle est utilisée, sans modifier le code HTML ? C’est possible :

1. Recherchez l’image existante dans les Ressources.
2. Copiez son nom.
3. Téléversez la nouvelle image. Assurez-vous qu’elle ait **exactement la même extension** que l’originale (par ex. .png, .jpg...).
4. Supprimez l’image originale.
5. Renommez la nouvelle image en lui donnant exactement le même nom que l’ancienne.

Toutes les mises en page qui utilisaient cette image afficheront désormais automatiquement la nouvelle version.
Il est recommandé de vérifier toutes les mises en page pour s’assurer qu’aucun décalage n’est survenu.

:::hint{type="info"}
💡 Donner à toutes vos images un nom cohérent et explicite facilite leur remplacement ultérieur.
:::