Comment ajouter des médias aux blocs

Vous pouvez définir des images ou des vidéos comme arrière-plan personnalisé dans la plupart des blocs, ainsi que les ajouter à des composants individuels au sein de ces blocs.

Comment ajouter une image à un bloc

Pour définir une image comme arrière-plan personnalisé ou ajouter une image à un composant de bloc :

Ouvrez le projet dans le Compte éditeur et accédez à la section Storefronts > Websites.
Dans le volet du site souhaité, appuyez sur Open Site Builder.

Dans les paramètres du bloc, activez la bascule correspondante (par exemple, Custom background, Game icon) et appuyez sur le champ d’aperçu sous la bascule.

Appuyez sur Media.

Dans la fenêtre modale qui s’ouvre, téléchargez l’image de l’une des manières suivantes :
1. Dans l’onglet All assets ou Images, glissez-déposez l’image et appuyez dessus après son téléchargement.
2. Appuyez sur Add new asset, sélectionnez From device dans la liste déroulante et téléchargez l’image souhaitée.

Taille maximale de l’image : 10 Mo.
Formats pris en charge : ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
La largeur d’image recommandée pour un arrière-plan personnalisé dans un bloc est de 1920 px. Déterminez les proportions d’image appropriées après avoir ajouté le contenu nécessaire au bloc. Les tailles recommandées pour d’autres types d’images sont fournies dans les descriptions des blocs.

Configurez le style de l’image :

L’ensemble des paramètres dépend du composant auquel vous ajoutez des médias.

1. Choisissez la méthode de placement de l’image :
  - Contain — l’image remplit l’ensemble du bloc tout en conservant les proportions. Si les proportions de l’image et du bloc diffèrent, une partie de l’image peut être rognée.
  - Cover (par défaut) — l’image conserve son rapport d’aspect et s’adapte à la hauteur du bloc.
  - Fill (recommandé pour les arrière-plans personnalisés) — l’image remplit la largeur du bloc et peut être rognée en haut et en bas si elle dépasse la hauteur du bloc.

Un arrière-plan personnalisé n’a pas de largeur ou de hauteur fixe, car ses dimensions s’ajustent dynamiquement à la taille du bloc. La taille du bloc change en fonction du contenu (par exemple, la quantité de texte ajoutée, la présence ou l’absence de boutons) et de la résolution d’écran de l’appareil.

- - Fit — l'image s'étire à la taille du bloc sans conserver les proportions.

1. Choisissez la position de l’image (facultatif) :
  - Top left
  - Top center
  - Top right
  - Left
  - Center (par défaut)
  - Right
  - Bottom left
  - Bottom center
  - Bottom right

Si la vidéo remplit déjà le conteneur d’un côté (par exemple, en hauteur en mode Fit), le décalage ne fonctionne que sur l’autre axe — laissant trois options (gauche, centre ou droite).

1. Ajustez la teinte et le dégradé de l’image (facultatif).

Publiez le site.

Comment ajouter une vidéo à un bloc

Pour définir une vidéo comme arrière-plan personnalisé ou ajouter une vidéo à un composant de bloc :

Ouvrez le projet dans le Compte éditeur et accédez à la section Storefronts > Websites.
Dans le volet du site souhaité, appuyez sur Open Site Builder.

Dans les paramètres du bloc, activez la bascule correspondante (par exemple, Custom background, Game icon) et appuyez sur le champ d’aperçu sous la bascule.

Appuyez sur Media.

Dans la fenêtre modale qui s’ouvre, téléchargez la vidéo de l’une des manières suivantes :
1. Dans l’onglet All assets ou Video, glissez-déposez votre vidéo et appuyez dessus après son téléchargement.
2. Appuyez sur Add new asset et sélectionnez une méthode de téléchargement de vidéo dans la liste déroulante :
  - From device — sélectionnez le fichier vidéo sur votre appareil.
  - From YouTube — entrez l’URL de la vidéo hébergée sur YouTube.

Taille maximale pour une seule vidéo téléchargée depuis un appareil : 10 Mo.
Formats pris en charge : ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
L’ajout de vidéo comme arrière-plan personnalisé n’est pas pris en charge dans les blocs Call-to-action, Promotional slider et Subscriptions.
La largeur de vidéo recommandée pour un arrière-plan personnalisé dans un bloc est de 1920 px. Déterminez les proportions d’image appropriées après avoir ajouté le contenu nécessaire au bloc. Les tailles recommandées pour d’autres types d’images sont fournies dans les descriptions des blocs.

Configurez le style de la vidéo :

L’ensemble des paramètres dépend de l’élément auquel vous ajoutez des médias.

1. Choisissez la méthode de placement de la vidéo (uniquement pour les vidéos téléchargées depuis un appareil) :
  - Contain — la vidéo remplit l’ensemble du bloc tout en conservant les proportions. Si les proportions de l’image et du bloc diffèrent, une partie de la vidéo peut être rognée.
  - Cover (par défaut) — la vidéo conserve son rapport d’aspect et s’adapte à la hauteur du bloc.
  - Fill (recommandé pour les arrière-plans personnalisés) — la vidéo remplit la largeur du bloc et peut être rognée en haut et en bas si elle dépasse la hauteur du bloc.

- - Fix — la vidéo s'étire à la taille du bloc sans conserver les proportions.

1. Configurez la lecture de la vidéo (facultatif, non disponible pour les arrière-plans personnalisés). Les paramètres suivants sont disponibles :
  - Mute video.
  - Loop video.
  - Autoplay video.
  - Cover image — image affichée avant le début de la vidéo ou si celle-ci n’est pas disponible pour les utilisateurs. Ce paramètre est uniquement disponible pour les vidéos importées depuis un appareil.

Vous ne pouvez pas conserver le son de la vidéo activé et activer la lecture automatique en même temps. Si vous activez la bascule Autoplay video, la bascule Mute video sera également activée.

1. Ajustez la teinte et le dégradé de la vidéo (facultatif).

Publiez le site.

Merci pour votre commentaire !

Nous examinerons votre message et l'utiliserons pour améliorer votre expérience.

Dernière mise à jour: 4 Juin 2026

Faute de frappe ou autre erreur dans le texte ? Sélectionnez le texte concerné et appuyez sur Ctrl+Entrée.

Contenu

Comment ajouter une image à un bloc
Comment ajouter une vidéo à un bloc