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 et les ajouter à des composants individuels au sein des 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 votre projet dans le Compte éditeur et accédez à la section Storefronts > Websites.
Dans le volet du site souhaité, cliquez sur Open Site Builder.

Ouvrez votre projet dans le compte pour les jeux mobiles et accédez à la section Web Shop.
Cliquez sur le volet du site souhaité.

Dans les paramètres du bloc, activez la bascule correspondante (par exemple, Custom background, Game icon) et cliquez sur le champ de prévisualisation sous la bascule.

Cliquez sur Media.

Dans la fenêtre modale qui s’ouvre, téléchargez l’image de l’une des manières suivantes : A. Dans l’onglet All assets ou Images, glissez-déposez l’image et cliquez dessus après son téléchargement. B. Cliquez 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 recommandée pour une image d’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.

Taille maximale de l’image : 10 Mo.
Formats pris en charge : ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
La largeur recommandée pour une image d’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 ses 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 fixes, 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é, la présence ou l’absence de boutons) et de la résolution d’écran de l’appareil.

- - Fit — l'image est étirée pour s'adapter au bloc sans conserver ses 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).

Publier 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 votre projet dans le Compte éditeur et accédez à la section Storefronts > Websites.
Dans le volet du site souhaité, cliquez sur Open Site Builder.

Ouvrez votre projet dans le compte pour les jeux mobiles et accédez à la section Web Shop.
Cliquez sur le volet du site souhaité.

Dans les paramètres du bloc, activez la bascule correspondante (par exemple, Custom background, Game icon) et cliquez sur le champ de prévisualisation sous la bascule.

Cliquez 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 cliquez dessus après son téléchargement.
2. Cliquez 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 recommandée pour une vidéo d’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.

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 recommandée pour une vidéo d’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 ses proportions. Si les proportions de la vidéo et du bloc diffèrent, une partie de l’image 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.

- - Fit — la vidéo est étirée pour s'adapter au bloc sans conserver ses 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 — une image qui est affichée avant que la vidéo ne commence à jouer ou si elle est indisponible pour les utilisateurs. Ce paramètre est uniquement disponible pour les vidéos téléchargées depuis un appareil.

Vous ne pouvez pas garder 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).

Publier le site.

Merci pour votre commentaire !

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

Dernière mise à jour: 25 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