Lors du remplacement d'un ancien site par un nouveau, le contenu textuel est généralement confié à une relecture attentive, tandis que les images sont souvent considérées comme un simple transfert. Ce n'est qu'après la mise en ligne que l'on découvre : images produits floues, visuels de réalisations manquants, bannières recadrées à cause d'un changement de dimensions, ou images dont la source est inconnue. Les problèmes de ressources images n'empêchent pas le site de fonctionner, mais ils affectent directement la première impression des visiteurs et compliquent la maintenance future.
Nous classons ci-dessous les problèmes courants des ressources images selon l'ordre chronologique d'une refonte. Chaque catégorie est accompagnée d'actions de vérification concrètes, que vous pouvez appliquer point par point à votre projet.
1. Phase d'inventaire : pas de liste des images de l'ancien site, tout repose sur la mémoire
L'erreur la plus fréquente lors d'une refonte est d'ouvrir directement la page d'accueil de l'ancien site pour faire des captures d'écran et enregistrer les images, au lieu de commencer par un inventaire systématique. Après plusieurs années d'exploitation, les images peuvent être dispersées dans le corps des articles, les fiches produits, les en-têtes de rubriques, les fenêtres pop-up, le pied de page, etc. Un parcours manuel des pages entraîne facilement des oublis.
La méthode la plus fiable consiste à établir d'abord une liste des images. Supposons que l'ancien site comporte trois rubriques principales : produits, réalisations, actualités. Vous pouvez organiser les informations selon les champs suivants :
- Adresse de la page ou rubrique où se trouve l'image
- Emplacement de l'image dans la page (en-tête, illustration de corps de texte, vignette, etc.)
- Fichier original disponible en local ou non
- Cette image est-elle encore nécessaire sur le nouveau site
- Décision : conserver, remplacer, supprimer, à confirmer
La liste n'a pas besoin d'être complexe, un simple tableau suffit. L'essentiel est de transformer la question « quelles images déplacer, lesquelles ne pas déplacer » en une liste cochable, plutôt que de décider à la dernière minute avant la mise en ligne. Le critère peut être simple : conserver ce qui est encore pertinent pour l'activité actuelle ; les images de produits arrêtés, les visuels d'événements expirés, les photos d'équipe manifestement obsolètes peuvent être marquées comme à supprimer ou à remplacer.
2. Nommage des fichiers : noms chinois, caractères illisibles et « IMG_0231 »
Les images de l'ancien site portent souvent des noms comme « 微信图片_20230512.jpg », « 未标题-1.png » ou une suite de chiffres. Ces fichiers ne posent pas de problème majeur lors de la migration, mais une fois sur le nouveau site, ils sont difficiles à gérer : un collègue chargé de l'exploitation qui cherche une image produit doit ouvrir les fichiers un par un.
La refonte est le bon moment pour renommer les images. Nous recommandons d'utiliser le format « rubrique-contenu-numéro » en anglais ou en pinyin minuscule. Par exemple, une image de la page produit peut être nommée product-a-01.jpg, une image de réalisation case-hangzhou-02.jpg. La règle de nommage n'a pas besoin d'être sophistiquée, il suffit que plusieurs membres de l'équipe puissent la comprendre et retrouver les images par mots-clés.
Évitez également les espaces, la ponctuation chinoise et les caractères spéciaux dans les noms de fichiers. Ces caractères deviennent facilement illisibles lors du transfert entre différents systèmes et peuvent s'afficher anormalement après téléchargement dans le back-office. Une fois le nommage uniformisé, le remplacement d'images et la vérification des versions seront beaucoup plus simples.
3. Dimensions et formats : la mise en page du nouveau site diffère de l'ancien
Les dimensions des images de l'ancien site sont adaptées à l'ancien template. Après le changement de mise en page, la même image peut être étirée, recadrée ou laissée avec des marges. Les symptômes courants : les côtés de l'en-tête sont coupés, les proportions des images produits sont déformées, ou sur mobile seule une petite partie centrale de l'image est visible.
Pour résoudre ce type de problème, commencez par vérifier les dimensions et proportions réelles d'affichage de chaque emplacement d'image sur le nouveau site, puis décidez si l'ancienne image peut être réutilisée telle quelle ou doit être réexportée. Supposons que l'en-tête de la page d'accueil du nouveau site soit au format panoramique, alors que l'ancien était presque carré : cette image devra probablement être recadrée ou remplacée, plutôt que forcée dans le nouvel emplacement.
Concernant les formats, les photos utilisent généralement le JPG, les icônes, logos et images nécessitant un fond transparent utilisent le PNG. Lors de la refonte, si vous constatez que l'ancien site contient de nombreuses images volumineuses, vous pouvez les compresser uniformément lors de la réexportation, mais le taux de compression doit être tel qu'aucun flou notable ne soit visible à l'œil nu. Ne sacrifiez pas les détails produits pour réduire le poids.
4. Liens des images : les anciennes adresses deviennent invalides après le changement de domaine
Si le nouveau site utilise un nouveau nom de domaine ou une nouvelle structure de répertoires, les adresses d'accès aux images de l'ancien site changent. Les articles déjà publiés, les images référencées sur des plateformes externes, les pages d'images indexées par les moteurs de recherche peuvent devenir inaccessibles. L'utilisateur voit alors un cadre vide ou une image brisée, ce qui nuit à l'expérience.
Avant la refonte, exportez la liste des principales URL d'images de l'ancien site. Après la mise en ligne, ouvrez-les une par une pour vérifier lesquelles sont encore accessibles et lesquelles sont invalides. Pour les anciennes images à conserver, essayez de maintenir des chemins similaires sur le nouveau site ou de mettre en place des redirections correspondantes ; pour les images réellement obsolètes, assurez-vous au moins que les pages qui les référencent ont été mises à jour en conséquence.
Vérifiez également la méthode de référencement des images dans le corps des textes. Certains anciens articles intègrent directement l'adresse de l'image ; après le changement de site, ces adresses ne sont pas mises à jour automatiquement et doivent être re-téléchargées et remplacées. Ce type de problème est facile à manquer lorsque le nombre d'articles est élevé. Il est conseillé de vérifier par lots par rubrique, plutôt que de se limiter à la page d'accueil.
5. Droits d'auteur et sources : ne pas transférer directement les images dont l'origine est incertaine
Les images de l'ancien site peuvent provenir de sources très diverses : fournies par une agence de design, prises par des employés, téléchargées depuis des banques d'images, enregistrées depuis d'autres sites. Si lors de la refonte elles sont transférées telles quelles sur le nouveau site, cela revient à perpétuer des images à la provenance incertaine.
La méthode la plus sûre consiste à ajouter une colonne « Source » dans la liste d'inventaire. Les images dont on peut confirmer qu'elles sont des prises de vue internes ou sous licence achetée peuvent être migrées normalement ; celles dont la source est inconnue, qui portent manifestement le filigrane d'une autre marque, ou qui ont été enregistrées au hasard sur Internet, doivent être remplacées. En particulier pour les emplacements bien visibles comme l'en-tête de la page d'accueil ou les images principales des produits, n'utilisez pas de visuels dont l'origine est incertaine.
Si l'entreprise ne dispose pas d'une photothèque dédiée, profitez de la refonte pour organiser un dossier d'images interne, en regroupant les images confirmées comme utilisables et en indiquant leur usage et leur source. Lors d'une future refonte ou d'un événement, vous n'aurez plus à chercher des images partout.
6. Gestion du back-office : les images téléchargées ne sont plus suivies
Après la mise en ligne du nouveau site, la gestion des images change également. Certains back-offices disposent d'une médiathèque, d'autres nécessitent un téléchargement par rubrique. Les problèmes courants : le même logo est téléchargé une dizaine de fois, les titres et textes alternatifs des images sont tous des noms de fichiers par défaut, et après un certain temps, plus personne ne sait quelle version est la plus récente.
Nous recommandons d'établir une routine simple de gestion des images après la mise en ligne : renommer les fichiers selon la règle de nommage avant le téléchargement ; renseigner un titre ou un texte alternatif significatif lors du téléchargement, pour faciliter la recherche par vous-même et vos collègues ; nettoyer régulièrement les images inutilisées pour éviter que la médiathèque ne devienne désordonnée. Le texte alternatif n'a pas besoin d'être long, il doit simplement décrire ce que montre l'image et où elle est utilisée.
Si plusieurs personnes sont responsables des mises à jour, il est préférable de convenir d'une règle de rangement, par exemple « les images produits dans le dossier produits, les images d'événements classées par année ». Plus la règle est simple, plus elle est facile à appliquer ; un arborescence complexe ne sera pas respectée.
Vérifications des images à effectuer avant la mise en ligne
En fin de refonte, les vérifications liées aux images peuvent être regroupées en une seule fois :
- Ouvrir chaque page du nouveau site pour confirmer l'absence d'images brisées, vides ou de placeholders en échec de chargement.
- Vérifier que les images de la page d'accueil, des pages de rubrique, des fiches produits et du corps des articles s'affichent complètement et avec des proportions normales.
- Refaire un tour sur mobile, en se concentrant sur les en-têtes et les images produits pour vérifier qu'aucune partie clé n'est coupée.
- Confirmer que les adresses des images de l'ancien site à conserver sont toujours accessibles.
- Vérifier les sources des images et remplacer celles dont l'origine est incertaine.
- Confirmer le nommage et le classement des images dans la médiathèque du back-office, pour que les collègues puissent les retrouver directement.
La plupart des problèmes de ressources images ne sont pas des défis techniques, mais résultent du fait que personne n'en est spécifiquement responsable lors de la refonte. En les traitant comme un objet de migration aussi important que le contenu textuel, avec une liste établie à l'avance, des règles définies et une vérification concentrée avant la mise en ligne, vous éviterez de nombreux retouches après le lancement.
