Como entender as medidas e locais dos banners na loja

Os banners são elementos visuais importantes para destacar informações e promoções na loja. Conhecer os tamanhos recomendados e os locais onde cada tipo de banner é exibido ajuda a otimizar a apresentação e o desempenho do site. Este artigo explica as dimensões indicadas para cada tipo de banner e sua posição dentro da loja.

Definir o tamanho e formato dos arquivos dos banners

Para começar, envie arquivos com tamanho máximo de 1 MB para garantir bom desempenho no carregamento da loja. Quanto menor o peso do arquivo, melhor será a velocidade de carregamento.

Utilize ferramentas de compressão de imagens, como o TinyPNG, para reduzir o tamanho dos arquivos sem perder qualidade.

Envie os banners preferencialmente no formato PNG para obter melhor qualidade visual.

Identificar os tipos de banners e suas posições na loja

Full banner

O full banner é exibido abaixo do cabeçalho da loja, especificamente abaixo do menu de topo, ocupando 100% da largura da página. Se houver mais de um full banner, a loja apresentará um carrossel horizontal mostrando um banner por vez.

Tamanho sugerido da imagem: 1500 x 300 pixels.

Banner de topo

O banner de topo aparece abaixo do cabeçalho da loja, logo abaixo do full banner, caso este exista. Diferentemente do full banner, o banner de topo ocupa apenas a largura útil da loja, sem se estender até as bordas do navegador. Se houver mais de um banner de topo, a loja exibirá um carrossel horizontal com um banner por vez.

Tamanho sugerido da imagem: 1200 x 300 pixels.

Mini banner

Os mini banners são exibidos abaixo dos banners de topo, geralmente em grupos de três ou quatro, posicionados lado a lado. Diferentemente dos banners de topo, não formam carrossel quando há mais de um.

Tamanho sugerido da imagem: 300 x 150 pixels.

Tarja

A tarja é um banner longo e fino exibido abaixo dos banners de topo, usado para destacar diferenciais da loja. Apenas um banner do tipo tarja é exibido por página, sem formar carrossel quando houver mais de um.

Tamanho sugerido da imagem: 1200 x 90 pixels.

Banner de rodapé

O banner de rodapé é exibido logo acima do rodapé da loja, com exibição semelhante ao banner de topo. Se houver mais de um banner de rodapé, a loja apresentará um carrossel horizontal mostrando um banner por vez.

Tamanho sugerido da imagem: 1200 x 300 pixels.

Banner flutuante

O banner flutuante aparece na forma de popup na página inicial, obrigando o usuário a fechá-lo para continuar a navegação. É utilizado para mensagens importantes, como promoções ou avisos. Apenas um banner flutuante é exibido por vez e funciona somente na página inicial.

Tamanho sugerido da imagem: 600 x 400 pixels.

Escolher o banner adequado para a loja

Após conhecer os tamanhos e locais de exibição, selecione o tipo de banner que melhor atende às necessidades da sua loja e utilize as dimensões recomendadas para garantir qualidade e desempenho.

Este tutorial foi útil?

Sim
Não
Thanks for your feedback!