Ajouter des images et des vidéos

Vous pouvez ajouter des images et des vidéos de différentes façons :

• Utiliser la commande Importer des éléments
• Faire glisser des éléments depuis l'explorateur du système de fichiers de votre ordinateur
• Accéder à la bibliothèque d'éléments Studio
• Créer un élément image ou vidéo et spécifier la source
• Remplacer une image existante

Les images et vidéos stockées en local que vous utilisez dans Google Web Designer sont automatiquement ajoutées à la bibliothèque si elles sont compatibles. De cette manière, vous pouvez facilement les réutiliser dans le document.

Images SVG

Vous pouvez importer des fichiers SVG sous forme d'images ou de code intégré.
 

Annonces illustrées et AMP HTML

Les annonces AMP HTML utilisent le tag amp-img plutôt que le tag img. Google Web Designer utilise automatiquement le tag approprié lorsque vous ajoutez une image dans la vue Conception.
 

Vidéos et événements (vidéo interactive)

Si vous souhaitez utiliser des événements avec votre vidéo, veillez à utiliser le composant "Vidéo" au lieu d'ajouter un élément vidéo avec l'outil Élément.
 

Annonces vidéo

Les images et les vidéos contenues dans les annonces vidéo peuvent être utilisées en tant qu'extraits multimédias.

Ajouter une image ou une vidéo

Importer des images ou des vidéos

1. Dans le menu Fichier, sélectionnez Importer des éléments, ou utilisez le raccourci clavier Ctrl+Maj+i (Windows) ou ⌘+Maj+i (Mac).
2. Dans la boîte de dialogue, sélectionnez le ou les fichiers que vous souhaitez importer.

Les éléments sélectionnés s'affichent alors dans l'espace de travail du document et dans la bibliothèque.

Ajouter des images ou des vidéos en les faisant glisser depuis un ordinateur

1. À l'aide de l'exploration du système de fichiers de votre ordinateur, sélectionnez l'image ou la vidéo que vous souhaitez ajouter. Vous pouvez sélectionner plusieurs fichiers.
2. Faites glisser l'image ou la vidéo vers l'espace de travail de Google Web Designer.

Ajouter des images ou des vidéos à partir de la bibliothèque d'éléments Studio

1. Sélectionnez Studio dans la liste déroulante située dans la partie supérieure de la bibliothèque.
2. Cliquez sur le bouton Lancer pour vous connecter à la bibliothèque d'éléments Studio.
   • Vous êtes invité à vous connecter au compte Google associé à votre compte Studio, si tel n'est pas encore le cas.
3. Parcourez l'arborescence de dossiers jusqu'à l'élément souhaité.
4. Faites glisser l'élément depuis la bibliothèque vers l'endroit où vous souhaitez l'utiliser dans l'espace de travail du document.

Une copie de l'élément est ajoutée dans le dossier studio de la bibliothèque locale.

Remplacer une image dans le document

L'option "Remplacer l'image" vous permet de remplacer une image par une autre. Cette fonctionnalité est utile pour remplacer des éléments d'une banque d'images dans un modèle.

1. Faites un clic droit sur l'image que vous souhaitez remplacer.
2. Sélectionnez Remplacer l'image dans le menu contextuel.
3. Dans la boîte de dialogue, sélectionnez une image provenant de la bibliothèque ou cliquez sur Importer des éléments  pour importer une image enregistrée sur votre ordinateur.
4. Cliquez sur OK.

Si l'option Remplacer l'image ne s'affiche pas, assurez-vous que vous avez sélectionné l'image et non un élément parent ou un autre élément superposé à l'image. Le panneau Idéateur permet de vérifier facilement quel élément vous avez sélectionné.

Ajouter une image ou une vidéo à l'aide de l'outil Élément

1. Sélectionnez l'outil Élément  dans la barre d'outils.
2. Sélectionnez Élément image  ou Élément vidéo  dans la barre d'options de l'outil.
3. Créez un élément de la taille de votre choix en cliquant sur l'espace de travail et en faisant glisser la souris.
4. Définissez la source de l'image ou de la vidéo dans le panneau "Propriétés".

Les images sont redimensionnées et étirées pour s'adapter aux dimensions de l'élément dont vous avez dessiné le contour. La taille maximale des vidéos correspond à celle de l'élément dont vous avez dessiné le contour, sans modification des proportions.

Utiliser des images et des vidéos provenant de la bibliothèque locale

Les images et les vidéos que vous avez ajoutées à ce document sont disponibles dans le panneau "Bibliothèque".

1. Sélectionnez des images ou des vidéos en cliquant sur le nom de ces éléments dans la bibliothèque.
2. Faites glisser les éléments vers l'endroit où vous souhaitez les utiliser dans l'espace de travail.

Web Designer stocke des copies des fichiers d'éléments de la bibliothèque locale dans le sous-dossier assets du dossier du projet Google Web Designer, dans le système de fichiers de votre ordinateur.

Redimensionner des images et des vidéos

Une fois que vous avez ajouté une image ou une vidéo, vous pouvez la redimensionner ou ajuster sa mise à l'échelle.

Prévisualiser des vidéos

Vous pouvez prévisualiser des vidéos dans l'interface de Google Web Designer si elles se trouvent dans un composant vidéo ou une annonce vidéo.

Pour voir comment une vidéo s'affichera dans votre projet, prévisualisez votre document dans votre navigateur préféré en cliquant sur le bouton Aperçu en haut à droite. Cette option n'est pas disponible pour les annonces vidéo.