widget: Image

Utilisez le widget Image pour insérer une image sur votre site Web. Vous pouvez personnaliser des images pour qu'elles agissent comme des boutons et permettent de naviguer vers d'autres pages ou sites Web, de télécharger des fichiers ou d'activer des popups. Les images sont un très bon moyen de décorer des sites Web, de présenter des produits ou des vitrines et de créer une autre façon de communiquer avec les visiteurs.

Les formats d'image suivants sont pris en charge :

png, jpg, jpeg, gif, svg, svg+xml, ico, x-icon, webp

Remarque

  • Chaque site peut contenir jusqu'à 15 000 fichiers multimédias, y compris des images, des fichiers audio et des fichiers. Les fichiers supplémentaires donnent lieu à un message d'erreur. La taille maximale d'un fichier est de 50 Mo.

  • Les noms de fichiers ne doivent pas contenir d'espaces ou de caractères spéciaux.

  • Lorsque vous importez des photos pour les utiliser sur votre site Web, veillez à obtenir l'autorisation d'utiliser ces photos auprès des photographes, entreprises et autres tiers.

  • L'utilisation du widget image ne modifie pas l'image d'arrière-plan. Au lieu de cela, il ajoute une image à une ligne ou à une colonne. Pour savoir comment ajouter une image d'arrière-plan, voir .

Pour plus d'informations sur l'ajout de widget, voir Ajouter widget.

Conseil

Pour plus d'informations sur widget et la widget bibliothèque,widget voir: Library and Overview.

Éditeur de contenu

Pour accéder à l'Éditeur de contenu, cliquez avec le bouton droit de la souris sur le site widget et sélectionnez Modifier le contenu.

  1. Une fois qu'un widget image a été ajouté à un site, cliquez sur le bouton + Image pour sélectionner une image.

  2. Choisissez parmi les photos de stock existantes dans la galerie ou cliquez sur +Upload pour ajouter votre propre image. Pour plus d'options de choix d'images, cliquez sur Vue complète. Pour plus d'informations, consultez la section Gestionnaire de médias, bibliothèques et sélecteurs. Une fois l'image sélectionnée, les options suivantes sont disponibles :

    • Éditer. Modifiez les propriétés de l'image à l'aide de l'éditeur d'images.

    • Remplacer. Sélectionnez une autre image.

  3. Les options suivantes sont disponibles dans l'Éditeur de contenu :

    • Image de lien. Les images peuvent être liées à d'autres pages et URL, à des fenêtres contextuelles, à des ancres, à des adresses électroniques et à des fichiers téléchargeables. Lorsqu'un visiteur clique sur l'image, il est dirigé vers le lien.

    • Texte Alt. Permet aux moteurs de recherche de reconnaître le contenu des images. Rédigez un texte pour décrire l'image.

      • Cliquez sur Tous les textes alt pour afficher et gérer les textes alt de toutes les images du site.

    • Info-bulle. Texte affiché lorsqu'un visiteur hover survole une image.

    • Légende. Saisissez une légende pour l'image.

    • Image alternative surhover.

Pour en savoir plus sur les tailles d'image optimales, consultez la rubrique Médias : Lignes directrices et spécifications.

Rédacteur en chef de la conception

Pour accéder à l'éditeur de conception, cliquez avec le bouton droit de la souris sur l'élément, puis cliquez sur Modifier la conception.

Le bouton permettant de désactiver l'optimisation des images se trouve dans l'onglet Style.

Attention

La désactivation de l'optimisation des images peut avoir un impact sur la vitesse et/ou les performances des pages.

Pour obtenir des informations sur les options de design qui ne sont pas spécifiques à ce widget (la mise en page, le style et l'espacement, par exemple), consultez l'article Conception des widgets.

FAQ et dépannage

Les images sont floues, comment les corriger ?

Des images floues peuvent parfois résulter du processus d'optimisation. Si cela se produit, vous pouvez désactiver l'optimisation, bien que cela puisse affecter la vitesse du site.

Pour désactiver l'optimisation :

  1. Pour accéder à l'éditeur de conception, cliquez avec le bouton droit de la souris sur l'élément, puis cliquez sur Modifier la conception.

  2. Naviguez jusqu'à la zone Style.

  3. Cliquez sur l'onglet Ne pas optimiser cette image.

J'ai reçu l'erreur "Nom déjà utilisé" mais je n'ai aucun fichier portant ce nom.

Les noms de fichiers peuvent rester en cache pendant un certain temps. Si un fichier portant le même nom a été récemment supprimé, il est probablement encore en cache et vous devrez utiliser un nom différent.

Pourquoi le contenu de mon fichier téléchargé est-il incorrect ?

Il se peut qu'un fichier portant le même nom ait été récemment supprimé. Les noms de fichiers peuvent rester en cache pendant un certain temps. Le fichier doit être renommé.

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

Des caractères supplémentaires sont ajoutés au nom du fichier

Cela est probablement dû à un fichier existant portant le même nom ou à un fichier récemment supprimé. Les noms de fichiers peuvent rester en cache pendant un certain temps. Renommer le fichier peut donc être la meilleure solution si vous rencontrez ce problème.

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

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

Pour optimiser la taille des images de votre site :

  • Ne téléchargez que des images dont la taille correspond à leur utilisation prévue (par exemple, si l'image doit apparaître en 300 px par 300 px sur le site, ne la téléchargez pas en 4000 px par 4000 px).

  • La taille maximale de l'image ne peut pas dépasser 3 145 728 pixels.

  • Soyez attentif(ve) aux formats d'image. En effet, bien que le format 16:9 soit idéal pour les ordinateurs, il est inadapté pour les appareils mobiles car les images sont trop petites. Dans ce cas :

    • Utilisez la fonction Masquer sur l'appareil pour créer des versions spécifiques de l'image pour chaque appareil.

    • Redimensionner les dimensions de l'image (rapport d'aspect) pour l'adapter - les changements de taille sont indépendants de l'appareil.

Le téléchargement d'une image échoue

Plusieurs raisons peuvent être à l'origine de l'échec d'un fichier.

La première étape recommandée pour le dépannage consiste à vérifier si vous pouvez télécharger d'autres images.

Si vous y parvenez, cela signifie généralement que l'erreur est liée au fichier lui-même ou que la taille du fichier est trop importante (les fichiers ne peuvent pas dépasser 200 Mo).

Conseil

Il existe plusieurs causes potentielles qui peuvent empêcher le téléchargement de fichiers, l'une d'entre elles étant que le fichier est verrouillé. Dans ce cas, l'ancien propriétaire du fichier doit le déverrouiller et peut être amené à fournir une nouvelle version.

Si vous n'y arrivez pas, cela peut être lié à.. :

  • La limite maximale de fichiers a été atteinte (jusqu'à 15 000 images, clips audio et fichiers peuvent être téléchargés par site).

  • Le navigateur ou l'appareil que vous utilisez. Dans ce cas, la suppression du cache, l'utilisation d'un autre navigateur ou d'un autre appareil, ou le redémarrage de l'appareil peuvent résoudre le problème.