Qual o tamanho dos banners para a Loja Integrada?
Criar banners visualmente atrativos e nas proporções corretas é essencial para manter a harmonia visual dos temas Loja Integrada. Cada tipo de banner — seja para destaque principal, promoções ou vitrines — exige dimensões específicas para garantir boa performance e uma experiência consistente tanto no desktop quanto no mobile. Neste guia, você encontrará os tamanhos ideais de banners e boas práticas para aplicar em sua Loja Integrada.
Índice:- Tamanhos de Banners
- Criação de Banners Eficazes: Guia Prático
- 1. Defina o tipo de banner
- 2. Resolva o problema de qualidade
- 3. Mantenha a proporção correta
- 4. Prepare banners responsivos
- 5. Otimize os detalhes essenciais
- Tabela Resumida
- Boas Práticas Finais
- Conclusão
Tamanhos de Banners
- Full Banner (desktop): 1920 px × 300 px (ou 1140 px × 300 px em temas mais contidos)
- Banner Tarja: largura até 1920 px, altura variável
- Mini Banners: largura de 260 px ou 270 px, exibidos ao lado ou abaixo de banners maiores
- Banner Vitrine: largura total de 850 px ou 560 px (próximo à newsletter)
- Banner Lateral: largura de 260 px
- Mobile (Full Banner): até 1920 px × 430 px para evitar cortes
Criação de Banners Eficazes: Guia Prático
1. Defina o tipo de banner
Escolha o formato ideal para o layout da loja:
- Full Banner para destaque principal
- Mini Banners para promoções rápidas
- Banner Lateral para chamadas menores
- Banner Vitrine para produtos ou newsletter
2. Resolva o problema de qualidade
- Use o formato JPG para evitar perdas
- Tamanho máximo recomendado: 500 KB
- Ferramentas úteis: TinyJPG, CompressPNG
3. Mantenha a proporção correta
Exemplo: 1140×300 possui proporção 3,8:1. Isso ajuda a evitar distorções caso o tema altere o layout.
4. Prepare banners responsivos
Utilize imagens com altura maior para mobile ou ajuste o CSS do tema para adaptar o layout.
5. Otimize os detalhes essenciais
- Nomeie os arquivos de forma descritiva (ex:
promo-verao-2025.jpg) - Adicione alt text para acessibilidade e SEO
Tabela Resumida
| Tipo de banner | Largura (px) | Altura (px) | Observações |
|---|---|---|---|
| Full Banner | 1920 ou 1140 | 300 | Desktop; mobile ajustável para 430 px |
| Banner Tarja | 1920 ou 1140 | Variável | Abaixo do Full Banner |
| Mini Banners | 260 | Variável | Trio abaixo do Full ou na lateral |
| Banner Vitrine | 850 (ou 560) | Variável | Na vitrine ou ao lado da newsletter |
| Banner Lateral | 260 | Variável | Exibido na lateral da loja |
Boas Práticas Finais
- Crie os banners nas medidas exatas
- Salve em JPG com qualidade alta e tamanho menor que 500 KB
- Teste os banners no tema utilizado
- Adapte para dispositivos móveis com imagens específicas ou ajustes no layout
Conclusão
Produzir banners visualmente impactantes e alinhados aos padrões da Loja Integrada exige atenção aos detalhes. Com as dimensões corretas, imagens otimizadas e testes em diferentes dispositivos, é possível garantir uma experiência visual profissional, rápida e adaptada ao seu público.