Que tamanho de imagens devo carregar na minha loja?

A documentação para os temas da nova geração, como Simple, Starter, Mega, Organic, Grocery, Industrial e Modern, está disponível disponível nos seguintes links: Configuração das principais secções de um Tema y Componentes do Tema.

Recomendações Gerais

Recomendamos fazer o upload de imagens que são do tamanho do recipiente que vão preencher, e é por isso que queremos ajudá-lo a carregá-las num tamanho adequado de acordo com o projeto que escolheu.

• Para cada produto pode adicionar tantas imagens quanto necessário (com um tamanho máximo de 2 MB).
• O formato das imagens deve ser JPG ou PNG.
• Os tamanhos listados abaixo estão em píxeis e são expressos em Largura x Altura (exemplo: 700 x 400 px).
• Para imagens de produtos é recomendável manter o produto no centro da imagem deixando algum espaço extra para ajustes que se podem fazer no sistema para visualização em diferentes dispositivos, como tablet ou telemóveis.

---

Natural

Tamanhos recomendados para Natural:

• Imagem Slider: 1920 x 1000 px
• Produtos: 1920 x 1450 px
• Imagem da Categoria: 1920 x 550 px
• Imagem de Cabeçalho Predefinida: 1920 x 550 px
• Blog: 1920 x 1450 px
• Logotipo da Loja no Cabeçalho: largura: 100px a 310px e altura: 100px a 150px
• Logotipo da Loja no Rodapé: largura: 100px a 310px e altura: 100px a 150px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 1920 x 1000 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 450 px o altura proporcional, dependendo de como pretender exibir.
• Componente de Banner
  • Tamanho da imagem (Desktop e Mobile): 400 x 400 px ou altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1100px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho da imagem: Recomendamos um mínimo de 750px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Tamanho da imagem: 50 x 50 px.

---

Extravagance

Tamanhos recomendados para Extravagance:

• Produtos: 1500 x 1900 px
• Blog: 800 x 500 px
• Logotipo da loja: altura: 100px e largura: 100px a 400px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 1900 x 600 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 450 px o altura proporcional, dependendo de como pretender exibir.
• Componente Slider Múltiple
  • Tamanho da imagem (Desktop): 700 x 800 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 450 px o altura proporcional, dependendo de como pretender exibir.
• Componente de Banner
  • Tamanho da imagem (Desktop): 600 x 350 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 400 px o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem (Desktop): 1110 x 500 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 480 px o altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho da imagem: Recomendamos um mínimo de 510px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Slider de Marcas
  • Tamanho da imagem: Recomendamos no máximo 400 x 250 px.

++ Componente Testemunho

• Tamanho da imagem: 50 x 50 px.

---

Kickstart

Tamanhos recomendados para Kickstart:

• Produtos: 1080 x 1080 px
• Blog: 1400 x 550 px
• Logotipo da loja: altura: 100px e largura: 100px a 300px
• Categoria: 1200 x 300 px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem: 510 x 466 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem de fundo (Desktop): 1900 x 900 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem de fundo (Mobile): 640 x 700 px o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: 1600 x 580 px o altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho da imagem: Recomendamos um mínimo de 460px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Slider de Marcas
  • Tamanho da imagem: Recomendamos no máximo 170 x 170 px.
• Componente Testemunho
  • Tamanho da imagem: 50 x 50 px.
• Componente Destaque
  • Tamanho da imagem: 50 x 50 px.

---

Kids

Tamanhos recomendados para Kids:

• Produtos: 960 x 750 px
• Imagem do Slider: 1900 x 700 px
• Blog: 900 x 450 px
• Logotipo da loja: altura: 100px e largura: até 200px
• Fundo do cabeçalho por defeito: 1920 x 580 px
• Fundo do cabeçalho das categorias: 1920 x 580 px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 1900 x 700 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 450 px o altura proporcional, dependendo de como pretender exibir.
• Componente de Banner
  • Tamanho da imagem (Desktop): 510 x 350 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 400 px o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: 1100 x 500 px o altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho da imagem: Recomendamos um mínimo de 640px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Slider de Marcas
  • Tamanho da imagem: Recomendamos no máximo 300 x 300 px.

---

Influence

Tamanhos recomendados para Influence:

• Produtos: 1140 x 1520 px
• Blog: 780 x 500 px
• Categoria: 500 x 200 px
• Logotipo da loja: altura: 100px a 150px e largura: 100px a 500px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 2048 x 1024 px.
  • Tamanho da imagem (Mobile): 960 x 1200 px.
• Componente de Banner
  • Tamanho da imagem (Desktop e Mobile): 570 x 878 px.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1170px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho do imagem (Desktop e Mobile): 750 x 500 px.
• Componente Logo Slider
  • Tamanho da imagem: Recomendamos um máximo de 220px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Tamanho da imagem: 50 x 50 px.

---

Bundle

Tamanhos recomendados para Bundle:

• Produtos: 1120 x 1265 px
• Blog: 580 x 415 px
• Categoria: 1290 x 160 px
• Logotipo da loja: altura: 100px e largura: 100px a 350px

Tamaños recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 1200 x 450 px.
  • Tamanho da imagem (Mobile): 760 x 450 px.
• Componente de Banner
  • Tamanho da imagem (Desktop): 510 x 315 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 750 x 400 px o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1200px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagen con Texto
  • Tamaño de imagen: 580 x 580 px o altura proporcional según como quieras mostrarlos.
• Componente Slider de Marcas
  • Tamanho da imagem: Recomendamos no máximo 190 x 190 px.
• Componente Testemunho
  • Tamanho da imagem: 50 x 50 px.

---

Vintage

Tamanhos recomendados para Vintage:

• Produtos: 1140 x 1530 px
• Slider Inicial: 1600 x 500 px
• Home Banner: 770 x 280 px
• Blog: 700 x 392 px
• Logotipo da loja: altura: 100px e largura: 150px a 200px

---

Premium

Tamanhos recomendados para Premium:

• Produtos: 1320 x 900 px
• Slider Inicial: Utiliza a foto dos produtos destacados
• Blog: 900 x 250 px
• Logotipo da loja: altura: 100px e largura: 100px a 500px

---

Megami

Tamanhos recomendados para Megami:

• Produtos: 2000 x 2200 px
• Slider Inicial: 1900 x 600 px
• Blog: 750 x 500 px
• Categoria: 2280 x 1000 px
• Logótipos de Parceiros: 260 x 200 px
• Logotipo da loja: altura: 75px e largura: 75px a 300px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 1900 x 600 px.
• Componente de Banner
  • Tamanho da imagem (Desktop): 750 x 400 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 300 px o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1140px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho do imagem: 560 x 370 px.
• Componente Testemunho
  • Tamanho da imagem: 50 x 50 px.

---

Astrid

Tamanhos recomendados para Astrid:

• Produtos: 940 x 1290 px
• Slider Inicial: 1900 x 750 px
• Home Banner: 790 x 420 px
• Blog: 1245 x 748 px
• Categoria: 1290 x 160 px
• Logotipo da loja: altura: 50px a 200px e largura: 150px a 300px
• Logotipo da Loja no Cabeçalho: 50 x 50 px
• Logotipo da Loja no Rodapé: largura: 100px a 250px e altura: 100px a 200px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 1900 x 750 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 450 px o altura proporcional, dependendo de como pretender exibir.
• Componente de Banner
  • Tamanho da imagem (Desktop): 790 x 420 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 300 px o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1200px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho do imagem: 750 x 600 px o altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Tamanho da imagem: 50 x 50 px.

---

Bootstrap

Tamanhos recomendados para Bootstrap:

• Produtos: 1080 x 1350 px
• Imagem da categoria: 2200 x 600 px
• Blog: 900 x 300 px
• Logotipo da loja: altura: 50px e largura: 150px a 300px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 1900 x 600 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 450 px o altura proporcional, dependendo de como pretender exibir.
• Componente de Banner
  • Tamanho da imagem (Desktop): 510 x 360 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 300 px o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1900px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho do imagem: 450 x 450 px o altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Tamanho da imagem: 50 x 50 px.

---

Cupcakes

Tamanhos recomendados para Cupcakes:

• Produtos: 1200 x 1200 px
• Blog: 970 x 540 px
• Logotipo da loja: altura: 75px e largura: 80px a 300px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem (Desktop): 970 x 500 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575 x 450 px o altura proporcional, dependendo de como pretender exibir.
• Componente de Banner
  • Tamanho da imagem (Desktop): 470 x 300 px o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 720 x 460 px o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1000px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho do imagem: 470 x 300 px o altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Tamanho da imagem: 50 x 50 px.

---

Core

Tamanhos recomendados para Core:

• Produtos: 1800 x 1200 px (Deixe o produto centrado)
• Slider Inicial: 900 x 320 px
• Blog: 900 x 570 px
• Logotipo da loja: altura: 100px e largura: 100px a 300px

---

Novus

Tamanhos recomendados para Novus:

• Produtos: 1320 x 908 px
• Slider Inicial: 1170 x 500 px
• Blog: 820 x 570 px
• Categoria: 970 x 200 px
• Logotipo da loja: altura: 100px a 150px e largura: 100px a 300px

---

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.

---

Delivery

• Imagens de produtos: 1210 x 1210 px.
• Logotipo da loja: será exibido com uma altura máxima de 50px e uma largura proporcional.
• 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 um máximo de 150px de largura e de 10 a 100 px de altura.
  • Logotipo do cabeçalho para dispositivos móveis: Recomendamos um máximo de 120px de largura e de 10 a 100 px de altura.
• Logotipo do rodapé: Recomendamos um máximo de 250px de largura e de 10 a 100 px de altura.
• Menu principal (logotipo): Recomendamos um máximo de 250px de largura e de 10 a 100 px de altura.
• Mensagem da loja (logotipo): Recomendamos um máximo de 1300px de largura. Altura proporcional, dependendo de como deseja exibir.

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 um mínimo de 640px de largura. Altura proporcional, dependendo de como deseja exibir.
  • Tamanho da imagem (Mobile): Recomendamos um máximo de 575px de largura. Altura proporcional, dependendo de como deseja exibir.
• Componente de Acordion
  • Tamanho da imagem: Recomendamos um mínimo de 520px de largura. Altura proporcional, dependendo de como deseja exibir.
• Componente de Categorias
  • Tamanho do ícone: 50 x 50 px.
  • Tamanho da imagem de fundo: 100px de altura. Largura proporcional, dependendo do número de blocos por linha.
• Componente de Conteúdo Flexível
  • Tamanho da imagem (Desktop): Recomendamos um mínimo de 750px de largura e 430 px de altura ou altura proporcional, dependendo de como deseja exibir.
  • Tamanho da imagem (Mobile): Recomendamos um mínimo de 552px de largura e 340 px de altura ou altura proporcional, dependendo de como deseja exibir.
• Componente de Carrossel de Logotipos
  • Tamanho da imagem: Recomendamos um máximo de 200px de largura. Altura proporcional, dependendo de como deseja exibir.
• Componente de Newsletter
  • Tamanho da imagem (Desktop): 1440 x 300 px ou altura proporcional, dependendo de como deseja exibir.
  • Tamanho da imagem (Mobile): 767 x 500 px ou altura proporcional, dependendo de como deseja exibir.
• Componente de Testemunho
  • Tamanho da imagem: 50 x 50 px.