Site créé par IA : pourquoi l’IA abîme vos photos

Voici la vérité sur les créateurs de sites web par IA en 2026 : ils sont spectaculairement bons en design, et spectaculairement mauvais avec vos photos.

Demandez à ChatGPT, Claude ou Gemini de créer le site de votre restaurant, et ils vous donneront une mise en page superbe : les bonnes sections, une belle palette de couleurs, une typographie responsive, un formulaire de contact qui fonctionne, tout y est. La partie design est pour l’essentiel un problème résolu.

Mais dès que vous essayez d’y intégrer vos propres images, celles que vous avez passé un après-midi à prendre, avec vos vrais plats, la vraie devanture de votre boutique, votre vraie équipe, les choses dérapent. Très vite.

Le problème des images dont personne ne parle

Si vous avez déjà collé une photo dans une consigne pour une IA en lui demandant de l’intégrer à un site web, vous avez sans doute vu le résultat :

• Les images sont déformées. L’IA redimensionne, recadre ou étire vos photos au point de les rendre méconnaissables.
• Les visages sont massacrés. Les photos d’équipe reviennent avec des retouches dérangeantes : des doigts en trop, des traits déformés, des visages fusionnés.
• La nourriture est immangeable. Vos plats parfaitement dressés sont recréés en quelque chose qui a sa place dans un film d’horreur, pas sur une carte.
• Les logos perdent leurs détails. Les éléments subtils de la marque (dégradés, traits fins, transparence) sont aplatis ou redessinés de travers.
• La qualité du fichier chute. Même quand l’image « a l’air correcte », elle a été ré-encodée à une résolution plus basse, et les artefacts se voient sur n’importe quel écran moderne.

Ce n’est pas un simple désagrément. Pour un restaurant, un salon de coiffure, une boulangerie, bref, toute entreprise dont l’identité visuelle est le produit, utiliser des images abîmées par l’IA est pire que de ne pas en utiliser du tout. Une photo floue de votre plat signature dit à vos clients que la qualité vous est égale.

Pourquoi l’IA a-t-elle du mal avec les images ?

Les modèles d’IA qui génèrent du code de site web (HTML, CSS, JavaScript) sont des modèles de langage. Ils sont entraînés sur du texte. Quand vous leur demandez d’« inclure cette image », ils ne modifient pas l’image elle-même : ils génèrent du code qui y fait référence, et parfois ils essaient de la redécrire ou de la régénérer avec un modèle de vision distinct.

Le résultat ressemble à un jeu du téléphone arabe :

1. Vous fournissez une photo de grande qualité de votre restaurant.
2. L’IA décrit ce qu’elle « voit » sur la photo (une table, quelques assiettes, un éclairage chaleureux).
3. Elle génère une nouvelle image à partir de cette description ou, pire, intègre une version encodée en base64 qu’elle a retraitée.
4. Ce qui en sort est une image vaguement similaire, mais fondamentalement différente qui ne représente plus votre vraie entreprise.

L’IA est brillante pour la structure. Elle n’est pas conçue pour la fidélité. Lui demander de reproduire fidèlement vos photos exactes dans un site généré, c’est comme demander à un romancier de peindre un portrait : ce n’est pas le bon outil pour le travail.

La méthode maligne : le design d’abord, les images ensuite

Une fois le problème compris, la solution devient évidente : laissez l’IA faire ce qu’elle fait bien (le design), et occupez-vous vous-même des images.

Voici la méthode qui fonctionne vraiment :

Étape 1 : générez votre site web avec des images provisoires

Utilisez le créateur de prompts SiteDrop pour préparer la consigne de votre site web. Quand vous arrivez à l’étape de la stratégie d’images, choisissez les images provisoires. Cela dit à l’IA d’utiliser des cadres provisoires propres, à la bonne taille et avec un texte alternatif descriptif, plutôt que d’essayer de générer ou d’intégrer de vraies photos.

La consigne générée par l’outil contiendra des instructions de ce genre :

Utilise des images provisoires avec un texte alternatif descriptif partout. Pour la section d’accueil, utilise une image provisoire intitulée « Intérieur du restaurant, éclairage ambiant chaleureux ». Pour la galerie du menu, utilise des images provisoires intitulées avec le nom de chaque plat.

L’IA produira un site superbement conçu, avec une mise en page parfaite, adaptée à tous les appareils, exactement dans la palette que vous avez choisie, avec des cadres gris là où iront les photos.

Étape 2 : importez sur SiteDrop

Prenez le fichier HTML (ou le ZIP) généré par l’IA et glissez-le sur SiteDrop. Votre site est en ligne en quelques secondes, images provisoires comprises. Vous obtenez ainsi une vraie adresse qui fonctionne, que vous pouvez ouvrir sur votre téléphone, partager avec un ami, et voir la mise en page en action avant de passer du temps sur les images.

Étape 3 : remplacez les images provisoires par vos vraies photos

Ouvrez maintenant votre tableau de bord SiteDrop. Vous verrez chaque image provisoire listée, avec sa description (par exemple « Image d’accueil : intérieur du restaurant » ou « Plat du menu : pizza margherita »). Cliquez sur n’importe quelle image provisoire et importez votre propre photo. SiteDrop s’occupe automatiquement du dimensionnement, de la compression et du déploiement.

Vos images originales vont directement sur le site en ligne, intactes, sans passer par l’IA. Pas de ré-encodage, pas de déformation, pas de perte de qualité. La photo que vous importez est la photo que voient vos clients.

Pourquoi cette approche est meilleure

La méthode des images provisoires d’abord n’est pas un simple contournement. C’est vraiment la meilleure façon de créer un site web avec l’IA :

• La rapidité. Vous obtenez un site web entièrement conçu et en ligne en moins de dix minutes, avant même que vos images soient prêtes. Fini d’attendre d’avoir « toutes les photos en ordre » pour commencer.
• La qualité. Vos vraies photos apparaissent en pleine résolution, exactement comme vous les avez prises. L’IA conçoit autour d’elles et non à travers elles.
• L’itération. Vous pouvez remplacer les images à tout moment. Un menu de saison ? Un nouveau membre dans l’équipe ? Un nouvel établissement ? Mettez à jour une image dans le tableau de bord et le site en ligne se rafraîchit instantanément.
• Chacun son rôle. L’IA gère la structure, la mise en page, les textes, le SEO et l’adaptation aux écrans. Vous gérez l’identité visuelle, ce que vous seul pouvez apporter. Chaque outil fait ce qu’il fait de mieux.
• Aucune compétence technique requise. Pas besoin d’ouvrir le HTML, de trouver la balise d’image, de modifier le chemin du fichier, de renvoyer le tout par FTP ou de vider un cache. Vous cliquez, vous importez, c’est fini.

Un exemple concret : un restaurant de plats à emporter

Prenons un exemple concret. Imaginons que vous dirigez un restaurant de plats à emporter appelé Flame & Spice à Manchester et que vous voulez un site web.

Sans la méthode des images provisoires

1. Vous collez vos photos de plats dans ChatGPT et lui demandez de créer un site web.
2. L’IA régénère vos photos : votre poulet tikka ressemble maintenant à une peinture à l’huile d’une assiette vaguement orange.
3. Vous passez une heure à essayer de corriger les images avec des consignes successives.
4. Vous abandonnez et gardez le site avec des images déformées, ou vous abandonnez tout.

Avec la méthode des images provisoires

1. Vous utilisez le créateur de prompts : vous saisissez le nom de votre entreprise, les plats du menu, les prix, les couleurs, et vous sélectionnez « images provisoires ».
2. Vous collez la consigne dans ChatGPT. Il génère un site propre et professionnel avec des images provisoires légendées : « Accueil : extérieur du restaurant », « Poulet tikka masala », « Biryani d’agneau », etc.
3. Vous importez sur SiteDrop. Le site est en ligne en 30 secondes.
4. Vous ouvrez le tableau de bord, cliquez sur chaque image provisoire et importez vos propres photos de plats. C’est terminé.

Durée totale : moins de quinze minutes. L’IA a conçu le site. Vous lui avez donné son âme.

Et les photos d’archives ?

Vous vous demandez peut-être : puis-je simplement utiliser des photos d’archives à la place des images provisoires ? Vous le pouvez, mais il y a une raison pour laquelle nous le déconseillons à la plupart des entreprises.

Les photos d’archives conviennent pour les sections génériques (un arrière-plan décoratif, un motif abstrait). Mais pour tout ce qui représente votre entreprise, vos plats, votre boutique, votre équipe, les clients le voient. Une photo d’archives d’une personne souriante derrière un comptoir ne crée pas la même confiance qu’une vraie photo de vous derrière votre vrai comptoir.

La méthode des images provisoires vous pousse à utiliser de vraies images là où cela compte, et le tableau de bord rend la chose très simple.

Conseils pour de belles photos de site web

Vous n’avez pas besoin d’un photographe professionnel. Les téléphones modernes prennent des photos incroyables. Quelques conseils :

• La lumière naturelle, c’est tout. Photographiez près d’une fenêtre ou en extérieur. Évitez l’éclairage fluorescent au plafond : il rend la nourriture grisâtre et les lieux cliniques.
• Nettoyez l’arrière-plan. Sortez le fouillis du cadre. Un comptoir en désordre derrière un beau plat gâche la photo.
• Le format paysage pour les images d’accueil. La plupart des sections d’accueil sont larges et peu hautes. Prenez vos photos principales à l’horizontale.
• Le carré pour les plats du menu et les galeries. La cohérence compte. Si chaque photo de plat est à peu près carrée, la grille a un rendu soigné.
• Ne surfiltrez pas. Une légère hausse de la luminosité et du contraste, c’est très bien. Les filtres façon Instagram donnent un air démodé aux photos sur un site professionnel.

En résumé

L’IA est le meilleur concepteur de sites web auquel la plupart des petites entreprises auront jamais accès. Elle écrit du code propre, construit des mises en page responsive, gère le SEO, et tout cela en quelques minutes. Mais elle ne peut pas reproduire vos photos fidèlement, et faire comme si c’était possible vous fait perdre du temps et nuit à votre marque.

La solution n’est pas d’éviter l’IA. La solution, c’est de l’utiliser pour ce qu’elle fait bien, et de vous occuper vous-même des images.

Avec SiteDrop, la méthode est simple : générez avec des images provisoires, importez pour passer en ligne, puis remplacez-les par vos vraies photos depuis le tableau de bord. Votre site web bénéficie à la fois du design de l’IA et de l’authenticité de votre propre photographie : le meilleur des deux mondes.