Como adicionar mídia aos blocos
Observação
A tradução foi gerada por IA e, portanto, você deve usar o bom senso.
Você pode definir imagens ou vídeos como um 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 vá para a seção Storefronts > Websites.
- No painel do site desejado, clique em Open Site Builder.
- Nas configurações do bloco, ative a opção correspondente (por exemplo, Custom background, Game icon**) 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:
- Na aba All assets ou Images, arraste e solte a imagem e clique nela após o upload.
- Clique em Add new asset, selecione From device na lista suspensa e faça o upload da imagem desejada.
Observação
- 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 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:
Observação
O conjunto de configurações depende do componente ao qual você está adicionando mídia.
- 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.
Observação
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 se estende ao tamanho do bloco sem manter as proporções.
- Escolha a posição da imagem (opcional):
- Top left
- Top center
- Top right
- Left
- Center (padrão)
- Right
- Bottom left
- Bottom center
- Bottom right
Observação
Se o vídeo já preencher o contêiner de um lado (por exemplo, pela altura no modo Fit), o deslocamento só funcionará no outro eixo — deixando três opções (esquerda, centro ou direita).
- 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 vá para a seção Storefronts > Websites.
- No painel do site desejado, clique em Open Site Builder.
- Nas configurações do bloco, ative a opção correspondente (por exemplo, Custom background, Game icon) 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:
- Na aba All assets ou Video, arraste e solte seu vídeo e clique nele após o upload.
- 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.
Observação
- 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 Call-to-action, 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 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:
Observação
O conjunto de configurações depende do elemento ao qual você está adicionando mídia.
- 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.
Observação
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.
- Fix — o vídeo se estende ao tamanho do bloco sem manter as proporções.
- 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 estiver indisponível para os usuários. Esta configuração está disponível apenas para vídeos carregados de um dispositivo.
Observação
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.
- Ajuste a tonalidade e o gradiente do vídeo (opcional).
- Publique o site.
Este artigo foi útil?
Obrigado pelo seu feedback!
Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.
