Como adicionar mídia aos blocos

Você pode definir imagens ou vídeos como plano de fundo personalizado na maioria dos blocos e adicioná-los a componentes individuais dentro dos blocos.

Como adicionar imagem ao bloco

Para definir uma imagem como plano de fundo personalizado ou adicionar uma imagem a um componente de bloco:

Abra seu projeto na Conta de Distribuidor e acesse a seção Storefronts > Websites.
No painel do site desejado, clique em Open Site Builder.

Abra seu projeto na conta de jogos móveis e acesse a seção Web Shop.
Clique no painel do site desejado.

Nas configurações do bloco, ative a opção correspondente (por exemplo, Plano de Fundo Personalizado, Ícone do Jogo) e clique no campo de visualização abaixo da opção.

Clique em Media.

Na janela modal que se abre, faça o upload da imagem de uma das seguintes maneiras: A. Na aba All assets ou Images, arraste e solte a imagem e clique nela após o upload. B. Clique em Add new asset, selecione From device na lista suspensa e faça o upload da imagem desejada.

Tamanho máximo da imagem: 10 MB.
Formatos suportados: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
A largura recomendada para uma imagem de plano de fundo personalizado em um bloco é de 1920 px. Determine proporções de imagem adequadas após o conteúdo necessário ter sido adicionado ao bloco. Os tamanhos recomendados para outros tipos de imagem são fornecidos nas descrições dos blocos.

Tamanho máximo da imagem: 10 MB.
Formatos suportados: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
A largura recomendada para uma imagem de plano de fundo personalizado em um bloco é de 1920 px. Determine proporções de imagem adequadas após o conteúdo necessário ter sido adicionado ao bloco. Os tamanhos recomendados para outros tipos de imagem são fornecidos nas descrições dos blocos.

Configure o estilo da imagem:

O conjunto de configurações depende do componente ao qual você está adicionando mídia.

1. Escolha o método de posicionamento da imagem:
  - Contain — a imagem preenche todo o bloco mantendo as proporções. Se as proporções da imagem e do bloco forem diferentes, parte da imagem pode ser cortada.
  - Cover (padrão) — a imagem mantém sua proporção e se ajusta à altura do bloco.
  - Fill (recomendado para planos de fundo personalizados) — a imagem preenche a largura do bloco e pode ser cortada na parte superior e inferior se exceder a altura do bloco.

Um plano de fundo personalizado não tem largura ou altura fixa, pois suas dimensões se ajustam dinamicamente ao tamanho do bloco. O tamanho do bloco muda dependendo do conteúdo (por exemplo, a quantidade de texto adicionada, presença ou ausência de botões) e da resolução da tela do dispositivo.

- - Fit — a imagem é esticada para o tamanho do bloco sem manter as proporções.

1. Escolha a posição da imagem (opcional):
  - Top left
  - Top center
  - Top right
  - Left
  - Center (padrão)
  - Right
  - Bottom left
  - Bottom center
  - Bottom right

Se o vídeo já preenche o contêiner de um lado (por exemplo, pela altura no modo Fit), o deslocamento só funciona no outro eixo — deixando três opções (esquerda, centro ou direita).

1. Ajuste a tonalidade e o gradiente da imagem (opcional).

Publique o site.

Como adicionar vídeo ao bloco

Para definir um vídeo como plano de fundo personalizado ou adicionar um vídeo a um componente de bloco:

Abra seu projeto na Conta de Distribuidor e acesse a seção Storefronts > Websites.
No painel do site desejado, clique em Open Site Builder.

Abra seu projeto na conta de jogos móveis e acesse a seção Web Shop.
Clique no painel do site desejado.

Nas configurações do bloco, ative a opção correspondente (por exemplo, Plano de Fundo Personalizado, Ícone do Jogo) e clique no campo de visualização abaixo da opção.

Clique em Media.

Na janela modal que se abre, faça o upload do vídeo de uma das seguintes maneiras:
1. Na aba All assets ou Video, arraste e solte seu vídeo e clique nele após o upload.
2. Clique em Add new asset e selecione um método de upload de vídeo na lista suspensa:
  - From device — selecione o arquivo de vídeo no seu dispositivo.
  - From YouTube — insira a URL do vídeo hospedado no YouTube.

Tamanho máximo para um único vídeo carregado de um dispositivo: 10 MB.
Formatos suportados: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
Adicionar vídeo como plano de fundo personalizado não é suportado nos blocos Chamada para Ação, Promotional slider e Subscriptions.
A largura recomendada para um vídeo de plano de fundo personalizado em um bloco é de 1920 px. Determine proporções de imagem adequadas após o conteúdo necessário ter sido adicionado ao bloco. Os tamanhos recomendados para outros tipos de imagem são fornecidos nas descrições dos blocos.

Tamanho máximo para um único vídeo carregado de um dispositivo: 10 MB.
Formatos suportados: ICO, PNG, GIF, JPG, JPEG, WEBP, BMP, TIFF, TIF, SVG.
Adicionar vídeo como plano de fundo personalizado não é suportado nos blocos Chamada para Ação, Promotional slider e Subscriptions.
A largura recomendada para um vídeo de plano de fundo personalizado em um bloco é de 1920 px. Determine proporções de imagem adequadas após o conteúdo necessário ter sido adicionado ao bloco. Os tamanhos recomendados para outros tipos de imagem são fornecidos nas descrições dos blocos.

Configure o estilo do vídeo:

O conjunto de configurações depende do elemento ao qual você está adicionando mídia.

1. Escolha o método de posicionamento do vídeo (apenas para vídeos carregados de um dispositivo):
  - Contain — o vídeo preenche todo o bloco mantendo as proporções. Se as proporções do vídeo e do bloco forem diferentes, parte da imagem pode ser cortada.
  - Cover (padrão) — o vídeo mantém sua proporção e se ajusta à altura do bloco.
  - Fill (recomendado para planos de fundo personalizados) — o vídeo preenche a largura do bloco e pode ser cortado na parte superior e inferior se exceder a altura do bloco.

- - Fit — o vídeo é esticado para o tamanho do bloco sem manter as proporções.

1. Configure a reprodução do vídeo (opcional, não disponível para planos de fundo personalizados). As seguintes configurações estão disponíveis:
  - Mute video.
  - Loop video.
  - Autoplay video.
  - Cover image — uma imagem que é exibida antes do vídeo começar a tocar ou se ele estiver indisponível para os usuários. Esta configuração está disponível apenas para vídeos carregados de um dispositivo.

Você não pode manter o som do vídeo ativado e habilitar a reprodução automática ao mesmo tempo. Se você ativar a opção Autoplay video, a opção Mute video também será ativada.

1. Ajuste a tonalidade e o gradiente do vídeo (opcional).

Publique o site.

Obrigado pelo seu feedback!

Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.

Última atualização: 25 de Junho de 2026

Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.

Conteúdos

Como adicionar imagem ao bloco
Como adicionar vídeo ao bloco