Adicionar imagens e vídeos

Você pode adicionar novos vídeos e imagens com os seguintes métodos:

• Usar o comando Importar recursos
• Arrastar os recursos do navegador do sistema de arquivos do computador
• Acessar sua Biblioteca de recursos do Studio
• Criar um elemento de imagem ou vídeo e especificar a origem
• Substituir uma imagem existente

Se forem de tipos compatíveis, os vídeos e as imagens locais que você usa no Google Web Designer serão automaticamente adicionados à "Biblioteca" para facilitar a reutilização no documento.

Imagens SVG

É possível importar arquivos SVG como imagens ou código in-line.
 

Anúncios HTML para AMP e imagens

Os anúncios HTML para AMP usam amp-img em vez da tag img. O Google Web Designer usa automaticamente a tag apropriada quando você adiciona uma imagem na Visualização de design.
 

Vídeos e eventos (vídeo interativo)

Se você quiser utilizar eventos no vídeo, use o componente Vídeo em vez de adicionar um elemento de vídeo com a ferramenta Elemento.
 

Anúncios em vídeo

Os vídeos e as imagens nos anúncios em vídeo podem ser usados como clipes de mídia.

Adicionar uma nova imagem ou vídeo

Importar imagens ou vídeos

1. No menu Arquivo, selecione Importar recursos... ou use o atalho do teclado: Ctrl +Shift+i (Windows) ou ⌘+Shift+i (Mac).
2. Selecione os arquivos que você quer importar usando a caixa de diálogo.

Os recursos selecionados aparecem no espaço de trabalho do documento e na "Biblioteca".

Adicionar imagens ou vídeos arrastando arquivos do computador

1. Selecione a imagem ou o vídeo que você quer adicionar, usando o navegador do sistema de arquivos do seu computador. Você pode selecionar vários arquivos.
2. Arraste a imagem ou o vídeo para o espaço de trabalho do documento no Google Web Designer.

Adicionar imagens ou vídeos da Biblioteca de recursos do Studio

1. Selecione Studio na lista suspensa na parte superior da "Biblioteca".
2. Clique no botão Iniciar para se conectar à Biblioteca de recursos do Studio.
   • Caso ainda não tenha feito isso, será solicitado que você faça login na Conta do Google associada à sua conta do Studio.
3. Navegue pela estrutura de pastas até o recurso que você quer usar.
4. Arraste o recurso da "Biblioteca" para o espaço de trabalho do documento em que você quer usar esse item.

Uma cópia do recurso será adicionada à "Biblioteca" local na pasta studio.

Substituir uma imagem no documento

A função "Trocar imagem" permite substituir uma imagem por outra. Isso é útil ao substituir fotos de bancos de imagens em um modelo.

1. Clique com o botão direito na imagem que você quer substituir.
2. Selecione Trocar imagem… no menu pop-up.
3. Na caixa de diálogo, selecione uma imagem da "Biblioteca" ou clique em Importar recursos para usar um arquivo do seu computador.
4. Clique em OK.

Caso não encontre o comando Trocar imagem…, confira se você selecionou a imagem, e não um elemento pai ou outro item sobreposto a ela. O Painel de navegação é uma maneira fácil de ver qual foi o elemento selecionado.

Adicionar uma imagem ou um vídeo usando a ferramenta "Elemento"

1. Selecione Elemento na barra de ferramentas.
2. Selecione Elemento de imagem ou Elemento de vídeo na barra de opções da ferramenta.
3. Para criar um elemento do tamanho desejado, clique nele e o arraste no espaço de trabalho.
4. Defina a origem da imagem ou do vídeo no painel "Propriedades".

As imagens serão redimensionadas de acordo com as medidas do elemento desenhado. Os vídeos serão exibidos no maior tamanho possível dentro das dimensões desse elemento sem alterar a proporção.

Usar imagens e vídeos da "Biblioteca" local

Veja as imagens e os vídeos que você adicionou ao documento no painel "Biblioteca".

1. Na "Biblioteca", clique nos nomes dos recursos de imagem ou vídeo para os selecionar.
2. Arraste os recursos para o espaço de trabalho onde eles serão usados.

O Google Web Designer armazena cópias dos arquivos de recursos da "Biblioteca" local na subpasta assets, dentro da pasta do projeto do Google Web Designer no sistema de arquivos do seu computador.

Redimensionar imagens e vídeos

Depois de adicionar imagens ou vídeos, mude o tamanho ou ajuste o dimensionamento dos recursos.

Visualizar vídeos

É possível visualizar vídeos na interface do Google Web Designer se estiverem em um componente Vídeo ou em um anúncio em vídeo.

Para ver como um vídeo será exibido no projeto, visualize o documento no navegador que preferir. Para isso, clique no botão Visualizar no canto superior direito. Essa opção não está disponível para anúncios em vídeo.