Ajouter des images et utiliser la médiathèque

Importez des photos, placez-les sur vos pages avec le bloc Image, puis retrouvez-les, réutilisez-les ou supprimez-les dans la médiathèque de votre site.

Les photos donnent vie à une boutique. Dans Payly, vous importez une image une seule fois, puis vous la réutilisez sur autant de pages que vous le souhaitez. Chaque image que vous importez est conservée dans la médiathèque de votre site.

Avant de commencer

Les images importées sont stockées avec votre boutique, dans votre propre compte Cloudflare. Si vous n’avez pas encore connecté Cloudflare, Payly vous le demande la première fois que vous importez une image.
Vous pouvez importer des images JPEG, PNG, WebP, GIF et AVIF, de 10 Mo maximum chacune. Les grandes photos sont automatiquement réduites avant l’importation, pour que vos pages restent rapides à charger. Les GIF animés sont laissés tels quels.

Ajouter une image à une page

Dans le panneau Blocs, faites glisser Image depuis le groupe Médias vers votre page. Consultez Ajouter, déplacer et redimensionner des blocs. Un nouveau bloc Image affiche Aucune image sélectionnée.
Dans le panneau de réglages, ouvrez Général. Le réglage Image propose trois façons de choisir une image :
- Cliquez sur Importer une image et choisissez un fichier sur votre ordinateur.
- Cliquez sur Parcourir les imports pour choisir une image que vous avez déjà importée.
- Collez l’adresse web d’une image dans le champ. Ne le faites que pour des images que vous avez le droit d’utiliser, et gardez à l’esprit qu’une image hébergée sur le site de quelqu’un d’autre peut changer ou disparaître. L’importation est plus sûre.
Saisissez une courte description dans Texte alternatif, par exemple Des mains qui façonnent un bol sur un tour de potier. Les personnes qui utilisent un lecteur d’écran l’entendent, et elle s’affiche si l’image ne peut pas se charger. Les moteurs de recherche la lisent aussi.

Pour retirer une image du bloc, cliquez sur le x dans le coin de son aperçu. Cela ne supprime pas l’image de votre médiathèque.

Choisir parmi vos imports

Cliquez sur Parcourir les imports. La fenêtre Vos imports s’ouvre, avec une miniature de chaque image et, en dessous, sa taille et son type.
Cliquez sur l’image de votre choix. Son nom de fichier, ses dimensions, son type, sa taille et son adresse apparaissent à droite.
Cliquez sur Utiliser cette image.

Si vous avez beaucoup d’images, la fenêtre les affiche page par page. Utilisez Précédent et Suivant sous les miniatures pour naviguer.

Contrôler l’aspect de l’image

Un bloc Image sur la page, avec la photo de mains qui façonnent un bol, et ses réglages et son texte alternatif à droite

Forme définit le cadre : Large 16:9, Standard 4:3, Carré ou Original (les proportions propres à l’image).
Ajustement de l’image détermine ce qui se passe lorsque l’image et le cadre n’ont pas la même forme. Remplir le cadre recadre l’image pour remplir entièrement le cadre. Contenir dans le cadre affiche l’image entière et peut laisser de l’espace vide autour.
Arrondi des angles arrondit les coins. Auto reprend le réglage du design de votre site.

La largeur et la hauteur du bloc dépendent de sa taille sur la page. Faites glisser ses poignées pour les modifier.

Les autres endroits où vos images sont utilisées

L’Image de fond d’une section propose les mêmes boutons Importer une image et Parcourir les imports. Consultez Travailler avec les sections.
Votre logo et l’icône de votre navigateur utilisent les mêmes boutons. Consultez Définir vos couleurs, vos polices et votre mise en page.
Les photos que vous ajoutez à un produit sont conservées dans la même médiathèque.
Un bloc Galerie demande l’adresse web de chaque image. Importez d’abord l’image, puis copiez son adresse depuis la médiathèque, comme décrit plus bas, et collez-la.

Gérer votre médiathèque

Rendez-vous dans le tableau de bord de votre site et cliquez sur Médias dans le menu de gauche. La liste indique pour chaque image son nom de fichier, ses dimensions, son type et sa taille.

L’écran Médias avec une liste de quatre images et, à droite, les détails de la première image avec un bouton Supprimer

Cliquez sur Ajouter des images pour importer une ou plusieurs images à la fois.
Saisissez votre recherche dans Rechercher des images pour trouver un fichier par son nom.
Cliquez sur le nom ou sur la ligne d’une image pour voir un aperçu plus grand et ses détails à droite.
Cliquez sur l’icône de copie, au bout d’une ligne, pour copier l’adresse web de l’image.

Supprimer une image

Cliquez sur l’image pour la sélectionner.
Cliquez sur Supprimer dans les détails à droite. Pour en supprimer plusieurs, cochez leurs cases, choisissez Supprimer dans Actions groupées et cliquez sur Appliquer.
Lisez le message et confirmez. Si l’image est utilisée sur votre site, le message indique à combien d’endroits elle apparaît.

Important : une image supprimée est perdue définitivement. Il n’y a pas de corbeille pour la restaurer. Payly retire l’image des endroits où votre brouillon l’utilise et vous demande s’il faut publier. Tant que vous n’avez pas publié, vos pages en ligne pointent toujours vers le fichier supprimé : vos visiteurs peuvent donc voir une image cassée (une copie enregistrée par un navigateur peut rester visible un certain temps). Publiez peu après la suppression.