Les images du projet
Ton logo, tes photos, les illustrations créées par l’agent : toutes les images de ton app sont des fichiers du projet, rangés dans le dossier public/. L’onglet Images en est la bibliothèque. Une image du projet s’affiche tout de suite dans l’aperçu, est publiée avec le site et fait partie des versions.
La bibliothèque
Section intitulée « La bibliothèque »Clique sur l’onglet Images en haut de l’éditeur. Tu y vois toutes les images du projet (le nombre est affiché à côté du titre Images du projet), sous forme de vignettes. Pour chacune :
- la vignette : clique dessus pour l’agrandir ; l’adresse de l’image s’affiche au-dessus ;
- son nom de fichier ;
- son utilisation : Utilisée dans le site, Utilisée N fois dans le site, ou Pas encore utilisée (Highwind compte les fois où le code du site la cite) ;
- ses actions : Utiliser dans le chat, Copier l’adresse, Renommer et Supprimer.
Envoyer des images
Section intitulée « Envoyer des images »-
Clique sur Envoyer des images en haut à droite, et choisis un ou plusieurs fichiers sur ton ordinateur.
Ou glisse tes images directement sur l’onglet (« Dépose tes images ici »).
-
Les images sont réduites dans ton navigateur, puis enregistrées dans le dossier
public/assets/du projet. Elles apparaissent dans la bibliothèque, marquées Pas encore utilisée. -
Demande à l’agent de les placer (voir ci-dessous), ou remplace une image existante du site en mode Design.
Formats acceptés : PNG, JPEG, WebP et GIF. Une image envoyée est réduite pour que son plus grand côté ne dépasse pas 2 400 pixels, et convertie en WebP (un format léger) ; un GIF assez léger est gardé tel quel. Si une image du même nom existe déjà, la nouvelle reçoit un nom différent : rien n’est écrasé.
Tu peux aussi envoyer une image depuis le chat (menu + → Joindre → Envoyer une image dans le projet) ou en répondant à un formulaire de l’agent : elle arrive au même endroit.
Utiliser une image
Section intitulée « Utiliser une image »Dans le chat
Section intitulée « Dans le chat »Clique sur Utiliser dans le chat sous une image : elle est jointe à ton prochain message, avec son adresse, et l’agent sait qu’il doit utiliser ce fichier dans le site.
Mets cette photo en grand dans la section d'accueil, avec le titre par-dessus.Les images SVG ne peuvent pas être jointes au chat (l’agent ne sait pas les regarder) : le bouton indique alors « L’agent ne peut pas regarder ce format (SVG) : cite son adresse dans ton message ».
Par son adresse
Section intitulée « Par son adresse »Clique sur Copier l’adresse (« Adresse copiée ») : tu obtiens l’adresse de l’image dans le site, par exemple /assets/equipe.webp. Le dossier public/ étant servi à la racine du site, public/assets/equipe.webp s’affiche à l’adresse /assets/equipe.webp. Colle-la dans un message à l’agent, dans le champ Image (adresse) du mode Design, ou dans le code.
En mode Design
Section intitulée « En mode Design »Dans le mode Design, sur une image du site, Choisir une image du projet ouvre cette même bibliothèque pour remplacer l’image en un clic, sans l’agent.
Renommer une image
Section intitulée « Renommer une image »Clique sur le crayon (Renommer (le code du site est mis à jour)), tape le nouveau nom et valide avec Entrée (Échap annule). L’image garde son dossier et son extension, et toutes les citations de l’image dans le code du site sont mises à jour : rien ne casse. Un nom clair (logo-boulangerie.webp plutôt que IMG_2024.webp) aide aussi l’agent à s’y retrouver.
Supprimer une image
Section intitulée « Supprimer une image »Clique sur la corbeille (Supprimer). Highwind demande confirmation (Supprimer l’image ?) et te prévient si le site l’utilise encore (« Le site la cite N fois : elle n’y apparaîtra plus. »). Confirme avec Supprimer, ou Annuler.
Les images générées par l’agent
Section intitulée « Les images générées par l’agent »Quand le design s’y prête (une section d’accueil, des produits, une galerie), l’agent peut créer des images dans le style de ton thème. Pendant son travail, l’étape Crée l’image … apparaît dans le chat. Ces images sont enregistrées dans public/assets/, comme les tiennes : tu les retrouves dans la bibliothèque, et tu peux les remplacer par tes propres photos ou les supprimer. L’agent ne remplace jamais une image que tu as fournie. Voir Images générées.
Limites et bon à savoir
Section intitulée « Limites et bon à savoir »- Taille : 5 Mo au plus par image, après réduction par le navigateur (« Image trop lourde (5 Mo au plus) »).
- Nombre : 100 images au plus dans
public/assets/(« Le projet a déjà 100 images : supprimes-en avant d’en ajouter »). - Pendant que l’agent travaille, la bibliothèque est en lecture seule (« L’agent travaille : lecture seule ») : tu ne peux ni envoyer, ni renommer, ni supprimer.
- Sur une ancienne version, l’onglet affiche les images de la version actuelle, en lecture seule (« Images de la version actuelle »).
- Les images et les versions : envoyer, renommer ou supprimer une image ne crée pas de version à lui seul. Ces changements entrent dans la version suivante (une réponse de l’agent, une retouche en mode Design, un enregistrement de code).