Vale para lojas com o editor antigo, em que o editor (botão Editar frente de loja na página inicial do painel) mostra as coleções Configurações, Layout, Páginas, Posts do blog, Páginas extra e Widgets. Lojas na versão Cloud Commerce usam outro editor.
Você tem dúvidas sobre qual o tamanho ideal para configurar a imagem do Banner na sua loja?
Não existe uma regra, porém é importante que você não exagere nas dimensões.
Sugestões de tamanho
Banner para Desktop: 1200px de largura por 300px de altura. A loja exibe o banner com no máximo 1280px de largura, então não precisa de imagem mais larga que isso.
Banner para Mobile: 480px de largura por 300px de altura. A imagem para mobile aparece em telas com menos de 576px de largura (celulares). Se você não cadastrar uma, o celular mostra a imagem de desktop.
Banner em tela cheia: se você ativar Banners em tela cheia no Slider de banners, o banner ocupa toda a largura da tela (até 2560px). Nesse caso use uma imagem mais larga, por exemplo 1920px. Veja Como habilitar o Full Banner.
No Slider de banners, use o mesmo tamanho em todos os banners. A altura do slider é calculada pela proporção do primeiro banner; banners com outra proporção ficam cortados ou com sobra.
Peso da imagem
O editor aceita imagens de banner com até 1 MB (limite padrão). Quanto mais leve, mais rápido a loja abre.
- Comprima as imagens JPG ou PNG antes de subi-las para o CMS: TinyPNG.
Para que serve a compressão das imagens?
Compactar imagens significa torná-las mais leves, sem necessariamente perder qualidade. Isso ajuda a manter um bom desempenho de velocidade para o seu site! ![]()
- Além de comprimir, um passo a mais é usar formatos de nova geração, por exemplo WEBP, que é um formato desenvolvido para diminuir o tamanho dos arquivos e deixar o site mais leve.
Como cadastrar o banner
- Configurando Slider de banners na sua loja
- Como configurar banner responsivo na sua loja?
- Como configurar Grid de Banners/mais de um Banner na mesma linha?
- Banner com imagem para Desktop e outra para Mobile
Trocou o banner e a loja não mudou? Veja Alterei banner, menu ou produto e o site não mudou.
