- Cada tipo de imagem da loja tem um campo de tamanho, com largura e altura em pixels.
- Os campos ficam em Configurações > Configurações Gerais > Geral > aba "Imagem".
- Imagens com as medidas certas aparecem sem distorção na loja.
Antes de começar
- Acesso ao menu Configurações do painel.
- Use imagens otimizadas para a web, que mantêm a qualidade sem deixar a página pesada.
- Mantenha, em cada campo, as mesmas dimensões da imagem que você insere. Assim você evita distorções e mantém a loja uniforme.
Etapa 1: abra a aba "Imagem"
No menu lateral, clique em "Configurações" e depois em "Configurações Gerais". Na seção "Geral", clique na aba "Imagem". Cada tamanho tem dois campos: "Largura em px (W)" e "Altura em px (H)".
Etapa 2: ajuste o tamanho das imagens da loja
Esta é a lista dos campos, com o uso de cada um:
- Tamanho da imagem da categoria: destaca a categoria principal no layout.
- Tamanho do banner do fabricante: evidencia marcas ou parceiros.
- Tamanho da imagem subcategoria cabeçalho: ajuda a identificar as subcategorias na página inicial.
- Tamanho da imagem da tela de descrição do Produto: a imagem principal na página do produto. A recomendação é 1000x1000 ou, em formato retangular, 1200x1600.
- Tamanho da imagem do produto no compre junto: imagem menor, para sugestões de produtos complementares.
- Tamanho do ZOOM da tela de descrição do Produto: use imagens de alta resolução, para ampliar com nitidez.
- Tamanho da imagem na lista de produtos: dimensão intermediária. A recomendação é 1000x1000 ou, em formato retangular, 1200x1600.
- Tamanho do Banner Lateral na lista de produtos: destaca promoções ou produtos sem interferir na estrutura principal.
- Tamanho da imagem da Etiqueta: imagens pequenas e nítidas.
- Tamanho das imagens adicionais do produto.
- Tamanho da imagem dos produtos semelhantes.
- Tamanho da imagem do produto na comparação de produtos.
- Tamanho da imagem do produto na lista de desejos.
- Tamanho da imagem do produto no Carrinho de Compras.
- Tamanho da imagem da Loja.
- Tamanho da imagem das opções: ícones pequenos para variações como cor, tamanho ou material.
- Tamanho da imagem das faturas dos pedidos.
- Tamanho do ícone das categorias.
- Tamanho do ícone dos filtros.
- Tamanho da imagem na janela de resultados da busca.
- Tamanho do Logo: a recomendação é 200x200.
- Tamanho do Logo no mobile: a recomendação é 150x48.
- Tamanho da imagem do parceiro no rodapé.
- Tamanho da imagem da agência de Marketing.
Etapa 3: ajuste os banners
No bloco "Dimensões dos Banners", estão estes campos:
- Tamanho do Banner Full: ocupa a área principal da página. A recomendação é 1920x720 para desktop e 767x899 para mobile.
- Tamanho do Full Banner Lateral.
- Tamanho do Banner Tarja: dimensão horizontal, para avisos ou promoções. A recomendação é 1920x140 para desktop e 1080x130 para mobile.
- Tamanho do Mini Banner 3: para o banner de 3 colunas.
- Tamanho do Mini Banner 4: para o banner de 4 colunas.
- Tamanho do Banner Lateral.p
Etapa 4: ajuste as imagens de outfit
No bloco "Outfit", estão estes campos:
- Tamanho da Imagem da Tela do Produto do Outfit.
- Tamanho do Zoom da Tela do Produto do Outfit.
- Tamanho das imagens adicionais do Produto do Outfit.
- Tamanho da Imagem do Produto na Lista de Outfit.
Etapa 5: salve
Clique em "Salvar", no topo da tela.
Perguntas frequentes
Onde mudo o tamanho das imagens da loja?
Em Configurações > Configurações Gerais > Geral > aba "Imagem".
Qual é a unidade das medidas?
Pixels. Os campos se chamam "Largura em px (W)" e "Altura em px (H)".
Qual tamanho a Irroba recomenda para o logo?
Segundo as recomendações do artigo, 200x200 para o logo e 150x48 para o logo no mobile.
Qual tamanho recomendado para o banner full?
1920x720 para desktop e 767x899 para mobile. No painel, o campo "Tamanho do Banner Full" é um só.
Posso usar medidas diferentes para desktop e mobile no mesmo banner?
Não nesses campos. O painel tem um campo só por banner.
Erros comuns
Não encontro "Configurações da Loja"
Essa tela não existe. Vá em Configurações > Configurações Gerais.
A imagem aparece distorcida na loja
Confira se as medidas do campo seguem as da imagem que você inseriu. Manter as mesmas dimensões evita distorções.