Que tamanho de imagens devo carregar na minha loja?

A documentação para os temas não descontinuados está disponível nas seguintes links: Configuração das principais secções de um Tema y Componentes do Tema.

Wide

• Produtos: 1080 x 1080 px.
• Blog: Mínimo de 1024px de largura. Altura proporcional, dependendo de como pretender exibir.
• Categoria: Mínimo de 1024px de largura. Altura proporcional, dependendo de como pretender exibir.
• Logotipo da loja: altura: 100px a 200px e largura: 100px a 500px.
• Pop Up Imagem: altura: 300px a 1140px. Altura proporcional, dependendo de como pretender exibir.

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 1440 x 780 px ou altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 450 px ou altura proporcional, dependendo de como pretender exibir.
• Componente de Banner
  • Tamanho da imagem (Desktop e Mobile): 760 x 440 px.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1440px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho do imagem (Desktop e Mobile): Recomendamos um mínimo de 750px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente de Carrossel de Logotipos
  • Tamanho da imagem: Recomendamos um máximo de 150px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente testemunho
  • Tamanho da imagem: 50 x 50 px.

---

Apparel

• Imagens do produto: 1210 x 1210 px.
• Logotipo da Loja: será exibido com uma altura máxima de 50px e uma largura proporcional.
• Logotipo do Carrinho (processo de compra): será exibido com uma altura mínima de 10px e uma altura máxima de 120 px.
• Logotipo de Sucesso (processo de compra): será exibido com uma altura mínima de 10px e uma altura máxima de 120 px.
• Imagem da Categoria: Recomendamos um mínimo de 1024 x 150 px.
• Cabeçalho: existem diferentes tipos de imagens no cabeçalho:
  • Logotipo do Cabeçalho: Recomendamos uma largura máxima de 150px e uma altura de 10 a 120 px.
  • Logotipo do Cabeçalho em Dispositivos Móveis: Recomendamos uma largura máxima de 120px e uma altura de 10 a 120 px.
  • Logotipo do Rodapé: Recomendamos uma largura máxima de 250px e uma altura de 10 a 120 px.
• Menu Mobile (logotipo): Recomendamos uma largura máxima de 250px e uma altura de 10 a 120 px.
• Mensagem da Loja (logotipo): Recomendamos uma largura máxima de 1300px. Altura proporcional, dependendo de como deseja exibir.
• Páginas do Cliente - Formulários (logotipo): existem diferentes tipos de imagens no cabeçalho:
  • Logotipo da Página: Recomendamos uma largura máxima de 250px e uma altura de 10 a 120 px.
  • Seção Esquerda (Mobile): Recomendamos uma largura máxima de 575px e uma altura mínima de 500px.
  • Seção Esquerda (desktop): Recomendamos uma largura mínima de 1400px e uma altura mínima de 768px.

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da Imagem (Desktop): 1600 x 600 px ou altura proporcional, dependendo de como deseja exibir.
  • Tamanho da Imagem (Mobile): 575 x 400 px ou altura proporcional, dependendo de como deseja exibir.
• Componente de Banner
  • Tamanho da Imagem (Desktop): Recomendamos uma largura mínima de 640px. Altura proporcional, dependendo de como deseja exibir.
  • Tamanho da Imagem (Mobile): Recomendamos uma largura máxima de 575px. Altura proporcional, dependendo de como deseja exibir.
• Componente de Acordion
  • Tamanho da Imagem: Recomendamos uma largura mínima de 520px. Altura proporcional, dependendo de como deseja exibir.
• Componente de Collage
  • Tamanho da Imagem (Desktop): 1000 x 900 px ou altura proporcional, dependendo de como deseja exibir.
  • Tamanho da Imagem (Mobile): 575 x 500 px ou altura proporcional, dependendo de como deseja exibir.
• Componente de Coleção
  • Tamanho da Imagem (Desktop): 800 x 1200 px ou altura proporcional, dependendo de como deseja exibir.
  • Tamanho da Imagem (Mobile): 767 x 180 px ou altura proporcional, dependendo de como deseja exibir.
• Componente de Conteúdo Flexível
  • Tamanho da Imagem (Desktop): Recomendamos uma largura mínima de 750px e uma altura de 430 px ou altura proporcional, dependendo de como deseja exibir.
  • Tamanho da Imagem (Mobile): Recomendamos uma largura mínima de 552px e uma altura de 340 px ou altura proporcional, dependendo de como deseja exibir.
• Componente de Galeria
  • Tamanho da Imagem do Slider: Recomendamos uma largura máxima de 700px. A altura do slider se ajustará à altura dos banners.
  • Tamanho da Imagem do Banner (Desktop): 600 x 300 px ou altura proporcional, dependendo de como deseja exibir.
  • Tamanho da Imagem do Banner (Mobile): 750 x 460 px ou altura proporcional, dependendo de como deseja exibir.
• Componente de Lookbook
  • Tamanho da Imagem (Desktop): Recomendamos uma largura mínima de 700px. Altura proporcional, dependendo de como deseja exibir.
  • Tamanho da Imagem (Mobile): Recomendamos uma largura máxima de 575px. Altura proporcional, dependendo de como deseja exibir.
• Componente de Carrossel de Logotipos
  • Tamanho da Imagem: Recomendamos uma largura máxima de 200px. Altura proporcional, dependendo de como deseja exibir.
• Componente de Pop Up
  • Tamanho da Imagem: Recomendamos uma largura máxima de 500px. Altura proporcional, dependendo de como deseja exibir.
• Componente de Testemunho
  • Tamanho da Imagem: 50 x 50 px.