Configurações das dimensões das imagens da loja

Para garantir a melhor exibição e experiência para o usuário, cada tipo de imagem em sua loja possui dimensões ideais. Abaixo, detalhamos cada caso com recomendações de uso e dicas de posicionamento:

Acesse configurações > gerais > imagem

Imagem da categoria: Utilize dimensões adequadas para destacar visualmente a categoria principal, garantindo boa apresentação no layout.
Banner do fabricante: Utilize para evidenciar marcas ou parceiros, mantendo boa qualidade e proporção.
Imagem da subcategoria no cabeçalho: Recomendada para facilitar a identificação das subcategorias na página inicial.
Imagem da tela de descrição do produto: Utilize dimensões apropriadas para exibir a imagem principal com clareza na página do produto. Recomendamos dimensões de 1000x1000 ou, caso prefira um formato retangular, 1200x1600.
Imagem do produto no Compre Junto: Utilize dimensões menores para sugestões de produtos complementares sem comprometer o layout.
Zoom da tela de descrição do produto: Utilize imagens de alta resolução para garantir nitidez ao ampliar.
Imagem na lista de produtos: Utilize dimensões intermediárias para boa visualização sem comprometer o carregamento da página. Recomendamos dimensões de 1000x1000 ou, caso prefira um formato retangular, 1200x1600.
Banner lateral na lista de produtos: Utilize dimensões que permitam destacar promoções ou produtos sem interferir na estrutura principal.
Imagem da etiqueta: Utilize imagens pequenas e nítidas para exibição clara das informações do produto.
Imagens adicionais do produto: Utilize dimensões padronizadas para garantir boa navegação entre as imagens extras.
Imagem de produtos semelhantes: Utilize para destacar itens relacionados de forma equilibrada.
Imagem do produto na comparação: Utilize dimensões padronizadas para permitir comparação clara entre produtos.
Imagem do produto na lista de desejos: Utilize imagens pequenas e bem definidas para visualização rápida.
Imagem do produto no carrinho: Utilize dimensões reduzidas, mantendo boa legibilidade e identificação do item.
Imagem das opções do produto: Utilize ícones pequenos para apresentar variações como cor, tamanho ou material.
Imagem das faturas dos pedidos: Utilize dimensões apropriadas para facilitar identificação e leitura.
Imagem da loja: Utilize dimensões que garantam alta qualidade sem distorções em resoluções maiores.
Ícone das categorias: Utilize imagens pequenas e nítidas para orientar a navegação.
Logo da loja: Utilize dimensões adequadas para manter a identidade visual em destaque no topo da página. Recomendamos dimensões de 200x200.
Logo no mobile: Utilize dimensões menores e proporcionais para boa exibição em telas reduzidas.  Recomendamos dimensões de 150x48.
Ícone dos filtros: Utilize ícones pequenos e claros para facilitar a navegação.
Imagem na janela de resultados da busca: Utilize dimensões padronizadas para garantir boa visualização dos itens apresentados.

Banners

Banner full: Utilize dimensões adequadas para ocupar completamente a área principal, garantindo destaque sem distorções. Para desktop, recomendamos 1920x720px (largura x altura) e, para mobile, 767x899px (largura x altura).
Full banner lateral: Utilize proporções menores para banners apresentados nas laterais da página.
Banner tarja: Utilize dimensões horizontais para garantir um destaque rápido, ideal para avisos ou promoções. Para desktop, recomendamos 1920x140px e, para mobile, 1080x130px.
Mini banner 3 colunas: Utilize dimensões proporcionais ao layout para boa distribuição visual.
Mini banner 4 colunas: Utilize dimensões menores para equilibrar múltiplos elementos na mesma linha.
Banner lateral: Utilize dimensões verticais para destaques complementares nas laterais da página.

Outfit

Imagem da tela do produto do outfit: Utilize imagens grandes para exibir o look completo com clareza.
Zoom da tela do produto do outfit: Utilize alta resolução para permitir ampliação sem perda de qualidade.
Imagens adicionais do produto do outfit: Utilize dimensões padronizadas para apresentar combinações de forma organizada.
Imagem do produto na lista de outfit: Utilize imagens equilibradas para apresentar itens que compõem o conjunto de forma clara.

Recomenda-se sempre utilizar imagens otimizadas para web, preservando a qualidade sem comprometer o carregamento. Além disso, é importante que todas as configurações das imagens mantenham as mesmas dimensões da imagem inserida para evitar distorções e garantir uniformidade visual.

João Pedro Rigoni - Time de Suporte
Irroba E-commerce