Widget « Image »

Le widget Image place une image sur votre site. Une image ne sert pas qu'à décorer : vous pouvez aussi la transformer en bouton pour renvoyer vers une autre page ou un autre site, télécharger un fichier ou ouvrir une fenêtre contextuelle. Les images habillent votre site, mettent vos produits en valeur et vous donnent un moyen de plus de communiquer avec vos visiteurs.

Les types de fichiers image pris en charge sont les suivants : png, jpg, jpeg, gif, svg, svg+xml, ico, x-icon, webp.

Avertissement : Toute image téléversée dans le système est accessible publiquement. Ne téléversez aucune information personnelle ou confidentielle. Pour supprimer une image définitivement, effacez-la depuis le sélecteur.

Remarque :

• Chaque site peut contenir jusqu'à 15 000 fichiers multimédias, images, audio et fichiers compris. Au-delà, un message d'erreur apparaît. Chaque fichier ne peut pas dépasser 50 Mo.
• Les noms de fichiers ne peuvent pas contenir d'espaces ni de caractères spéciaux.

Pour savoir comment ajouter des widgets, consultez « Add Widgets ».

Ajouter un widget Image depuis le Media Panel (Editor 2.0)

Le Media Panel vous permet d'ajouter en une seule fois une image et son widget Image sur le canvas. Vous pouvez aussi y remplacer une image déjà en place. Pour en savoir plus sur le Media Panel, consultez « Media Panel ».

Pour ajouter un widget Image depuis le Media Panel :

1. Dans le panneau latéral, cliquez sur Ajouter, puis sur Médias.
2. (Facultatif) Servez-vous des filtres pour retrouver l'image voulue. Ou cliquez sur Télécharger les médias pour ajouter une nouvelle image.
3. Faites glisser l'image voulue sur le canvas. Notez que les images ne peuvent pas être placées dans des widgets reliés à des pages dynamiques.

Éditeur de contenu

Cliquez sur l'élément pour ouvrir le menu flottant, puis sur l'option de l'éditeur de contenu.

1. Une fois le widget Image ajouté au site, cliquez sur Image pour choisir une image.
2. Choisissez parmi les photos de stock de la galerie ou cliquez sur Télécharger pour ajouter votre propre image. Pour plus d'options, cliquez sur Plein écran. Une fois une image sélectionnée, l'option suivante s'affiche :
   • Remplacer. Choisissez une autre image.
3. L'éditeur de contenu propose les options suivantes :
   • Lien de l'image. Vous pouvez relier une image à d'autres pages et URL, à des fenêtres contextuelles, à des ancres, à des adresses e-mail et à des fichiers téléchargeables. Quand un visiteur clique sur l'image, il est dirigé vers le lien.
   • Alt text. Permet aux moteurs de recherche de reconnaître le contenu de l'image. Rédigez un texte qui décrit l'image.
     • Cliquez sur Tout le texte de remplacement pour voir et gérer le texte alternatif de toutes les images du site.
   • Tooltip. Texte affiché quand un visiteur survole une image.
   • Légende. Saisissez une légende pour l'image.
   • Alternate image on-hover.

Générer une image avec l'IA

Cette fonctionnalité est encore en phase de test et se déploie progressivement sur les comptes.

Pour générer une image avec l'IA, cliquez sur l'icône scintillante de l'IA dans le menu flottant du widget Image. Saisissez un prompt, puis choisissez le format de l'image (carré, horizontal ou vertical). Quand vous êtes prêt, cliquez sur la flèche orange d'envoi pour lancer la génération.

Cliquez sur Utiliser ceci pour retenir l'image voulue. Si besoin, vous pouvez repartir d'un nouveau prompt, relancer la génération avec le même prompt ou modifier l'image sélectionnée.

Éditeur de design

Cliquez sur l'élément pour ouvrir le menu flottant, puis sur l'option de modification du design.

L'option qui désactive l'optimisation de l'image se trouve dans l'onglet Style.

Avertissement : Désactiver l'optimisation de l'image peut nuire à la vitesse ou aux performances de la page.

Pour en savoir plus sur les options de design qui ne sont pas propres à ce widget (par exemple la disposition, le style ou l'espacement), consultez « Widget Design ».

FAQ et dépannage

Mes images sont floues, comment les corriger ?

Une image floue vient parfois du processus d'optimisation. Dans ce cas, vous pouvez désactiver l'optimisation, mais cela peut ralentir le site.

Pour désactiver l'optimisation :

1. Cliquez sur l'élément pour ouvrir le menu flottant, puis sur l'option de modification du design.
2. Rendez-vous dans la zone Style.
3. Cliquez sur l'option N'optimisez pas l'image.

J'ai reçu l'erreur « Name already in use » alors que je n'ai aucun fichier portant ce nom

Les noms de fichiers peuvent rester un moment en cache. Si vous avez récemment supprimé un fichier portant ce nom, il est probablement encore en cache, et vous devrez donc en choisir un autre.

Pourquoi le contenu du fichier que j'ai téléversé n'est-il pas le bon ?

Vous avez peut-être supprimé récemment un fichier portant le même nom. Comme les noms de fichiers restent un moment en cache, il faudra renommer le fichier.

Pour renommer un fichier, ouvrez le Media Manager, sélectionnez le fichier et cliquez sur Renommer. Si vous utilisez une bibliothèque ou un sélecteur, activez l'option Gérer de la bibliothèque ou du sélecteur.

Des caractères supplémentaires s'ajoutent au nom du fichier

C'est sans doute dû à un fichier existant portant le même nom, ou à un fichier récemment supprimé. Comme les noms de fichiers restent un moment en cache, le mieux est souvent de renommer le fichier si le problème se présente.

Pour renommer un fichier, ouvrez le Media Manager, sélectionnez le fichier et cliquez sur Renommer. Si vous utilisez une bibliothèque ou un sélecteur, activez l'option Gérer de la bibliothèque ou du sélecteur.

Comment faire pour qu'une image s'affiche à la bonne taille ?

Pour bien dimensionner les images de votre site :

• Ne téléversez les images qu'à la taille à laquelle vous allez les utiliser (par exemple, si l'image doit s'afficher en 300px par 300px sur le site, ne la téléversez pas en 4000px par 4000px).
• La plus grande image affichée sur votre site ne peut pas dépasser 3 145 728 pixels.
• Tenez compte des proportions : une image en 16:9 rend très bien sur ordinateur, mais paraît trop petite sur mobile. Dans ce cas :
  • Utilisez la fonction Hide on Device pour créer une version de l'image adaptée à chaque appareil.
  • Ajustez les dimensions de l'image (les proportions) pour qu'elle s'adapte. Les changements de taille s'appliquent indépendamment de l'appareil.

Une image ne se téléverse pas

Plusieurs raisons peuvent empêcher un fichier d'aboutir.

Un bon premier réflexe est de vérifier si vous arrivez à téléverser d'autres images.

Si oui, le problème vient en général du fichier lui-même, ou de sa taille trop importante (un fichier ne peut pas dépasser 200 Mo).

Astuce : Plusieurs causes peuvent empêcher le téléversement d'un fichier ; l'une des plus fréquentes est que le fichier est verrouillé. Dans ce cas, l'ancien propriétaire du fichier doit le déverrouiller et devra peut-être en fournir une nouvelle version.

Si vous n'y arrivez pour aucune image, cela peut venir de :

• La limite de fichiers est atteinte (jusqu'à 15 000 images, clips audio et fichiers par site).
• Le navigateur ou l'appareil que vous utilisez. Videz le cache, essayez un autre navigateur ou un autre appareil, ou redémarrez votre appareil ; l'un de ces gestes peut suffire.