Que tamanho de imagens devo carregar na minha loja?

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.
• 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.

---

Mega

Tamanhos recomendados para Mega:

• Imagens de produtos: 1080x1080px
• Logotipo da loja: Largura máxima: 200px / Altura: proporcional à largura

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho do Slider (Desktop): 1100px (largura) x 685px (altura) o altura proporcional, dependendo de como pretender exibir.
  • Tamanho do Slider (Mobile): 575px (largura) x 450px (altura) o altura proporcional, dependendo de como pretender exibir.
• Componente de Banner
  • Tamanho do banner (Desktop e Mobile): 510px (largura) x 315px (altura) 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 (Desktop e Mobile): 750px (largura). Altura proporcional, dependendo de como pretender exibir.
• Componente Logo Slider
  • Tamanho do logotipo: Recomendamos um máximo de 130px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Imagem do Autor: 50px (largura) x 50px (altura).
• Componente Links Rápidos
  • Tamanho da imagem: 250px (largura) x 250px (altura).
• Componente Categorias em Sestaque
  • Tamanho da imagem: 510px (largura) x 370px (altura).

---

Industrial

Tamanhos recomendados para Industrial:

• Slider da página inicial: 1920x900px
• Imagens de produtos: 540x600px
• Blog: 900x450px
• Logotipo da loja - cabeçalho: Largura: 100px a 300px / altura: 70px
• Logotipo da loja - rodapé: Largura: 100px a 255px / altura: 100px a 200px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho do Slider (Desktop): 1920px (largura) x 900px (altura) o altura proporcional, dependendo de como pretender exibir.
  • Tamanho do Slider (Mobile): 575px (largura) x 450px (altura) o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos un mínimo de 1100px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho da imagem (Desktop e Mobile): 500px (largura) x 500px (altura) o altura proporcional, dependendo de como pretender exibir.
• Componente Logo Slider
  • Tamanho do logotipo: Recomendamos um máximo de 130px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Imagem do Autor: 50px (largura) x 50px (altura).
• Componente Produtos em Destaque
  • Tamanho da imagem: 500px (largura) x 300px (altura).
• Componente Banners de Categoria
  • Tamanho da imagem: 300px (largura) x 300px (altura).

---

Natural

Tamanhos recomendados para Natural:

• Imagem Slider: 1920x1000px
• Produtos: 1920x1450px
• Imagem da Categoria: 1920x550px
• Imagem de Cabeçalho Predefinida: 1920x550px
• Blog: 1920x1450px
• Logotipo da Loja no Cabeçalho: largura: 100px a 310px / altura: 100px a 150px
• Logotipo da Loja no Rodapé: largura: 100px a 310px / altura: 100px a 150px

Tamanhos recomendados para componentes:

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

---

Extravagance

Tamanhos recomendados para Extravagance:

• Produtos: 1500x1900px
• Blog: 800x500px
• Logotipo da loja: altura: 100px / largura: 100px a 400px

Tamanhos recomendados para componentes:

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

++ Componente Testemunho

• Imagem do Autor: 50px (largura) x 50px (Altura).

---

Kickstart

Tamanhos recomendados para Kickstart:

• Produtos: 1080x1080px
• Blog: 1400x550px
• Logotipo da loja: altura: 100px / largura: 100px a 300px
• Categoria: 1200x300px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho da imagem: 510px (largura) x 466px (altura) o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem de fundo: 1900px (largura) x 728px (altura) o altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: 1600px (largura) x 580px (altura) o altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho da imagem: 460px (largura). Altura proporcional, dependendo de como pretender exibir.
• Componente Slider de Marcas
  • Tamaño de logo: Recomendamos no máximo 170px (largura) x 170px (altura).
• Componente Testemunho
  • Imagen de autor: 50px (largura) x 50px (altura).
• Componente Destaque
  • Tamanho da imagem: 50px (largura) x 50px (altura).

---

Kids

Tamanhos recomendados para Kids:

• Produtos: 960x750px
• Imagem do Slider: 1900x700px
• Blog: 900x450px
• Logotipo da loja: altura: 100px / largura: até 200px
• Fundo do cabeçalho por defeito: 1920x580px
• Fundo do cabeçalho das categorias: 1920x580px

Tamanhos recomendados para componentes:

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

---

Simple

Tamanhos recomendados para Simple:

• Produtos: 1280x1280px
• Blog: 610x400px
• Categoria: 1140x300px
• Logotipo da loja: Altura: até 150px / Largura: até 300px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho do Slider (Desktop): 1905px (largura) x 800px (altura).
  • Tamanho do Slider (Mobile): 575px (largura) x 450px (altura).
• Componente de Banner
  • Tamanho do banner (Desktop e Mobile): 760px (largura) x 760px (altura) ou Altura proporcional, dependendo de como pretender exibir.
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1024px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho da imagem (Desktop e Mobile): 750px (largura). Altura proporcional, dependendo de como pretender exibir.
• Componente Logo Slider
  • Tamanho do logotipo: Recomendamos um máximo de 150px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Imagem do Autor: 50px (largura) x 50px (altura).

---

Influence

Tamanhos recomendados para Influence:

• Produtos: 1140x1520px
• Blog: 780x500px
• Categoria: 500x200px
• Logotipo da loja: altura: 100px a 150px / largura: 100px a 500px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho do Slider (Desktop): 2048px (largura) x 1024px (altura).
  • Tamanho do Slider (Mobile): 960px (largura) x 1200px (altura).
• Componente de Banner
  • Tamanho do banner (Desktop e Mobile): 570px (largura) x 878px (altura).
• 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): 750px (largura) x 500px (altura).
• Componente Logo Slider
  • Tamanho do logotipo: Recomendamos um máximo de 220px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Testemunho
  • Imagem do Autor: 50px (largura) x 50px (altura).

---

Bundle

Tamanhos recomendados para Bundle:

• Produtos: 1120x1265px
• Blog: 580x415px
• Categoria: 1290x160px
• Logotipo da loja: altura: 100px / largura: 100px a 350px

Tamaños recomendados para componentes:

• Componente de Slider
  • Tamanho do Slider (Desktop): 1200px (largura) x 450px (altura).
  • Tamanho do Slider (Mobile): 760px (largura) x 450px (altura).
• Componente de Banner
  • Tamanho da imagem (Desktop): 510px (largura) x 315px (altura) o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 750px (largura) x 400px (altura) 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.
• Image with Text Component
  • Image Size: 580px (width) x 580px (height) o altura proporcional según como quieras mostrarlos.
• Componente Imagen con Texto
  • Tamaño de imagen: 580px (ancho) x 580px (alto) o altura proporcional según como quieras mostrarlos.
• Componente Imagem com Texto
  • Tamanho da imagem: 580px (largura) x 580px (alto) o altura proporcional según como quieras mostrarlos.
• Componente Slider de Marcas
  • Tamaño de logo: Recomendamos no máximo 190px (largura) x 190px (altura).
• Componente Testemunho
  • Imagem do Autor: 50px (largura) x 50px (altura).

---

Vintage

Tamanhos recomendados para Vintage:

• Produtos: 1140x1530px
• Slider Inicial: 1600x500px
• Home Banner: 770x280px
• Blog: 700x392px
• Logotipo da loja: altura: 100px / largura: 150px a 200px

---

Modern

Tamanhos recomendados para Modern:

• Produtos: 720x920px
• Slider Inicial: 1900x800px
• Blog: 720x500px
• Logotipo da loja: altura: 75px / largura: 75px a 120px

No tema Modern pode escolher entre ter um slider deslizante ou uma imagem estática.
Pode alterar esta opção em Opções do tema.

Tamanhos recomendados para componentes:

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

---

Premium

Tamanhos recomendados para Premium:

• Produtos: 1320x900px
• Slider Inicial: Utiliza a foto dos produtos destacados
• Blog: 900x250px
• Logotipo da loja: altura: 100px / largura: 100px a 500px

---

Megami

Tamanhos recomendados para Megami:

• Produtos: 2000x2200px
• Slider Inicial: 1900x600px
• Blog: 750x500px
• Categoria: 2280x1000px
• Logótipos de Parceiros: 260x200px
• Logotipo da loja: altura: 75px / largura: 75px a 300px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho do Slider (Desktop): 1900px (largura) x 600px (altura).
• Componente de Banner
  • Tamanho da imagem (Desktop): 750px (largura) x 400px (altura) o altura proporcional, dependendo de como pretender exibir.
  • Tamanho da imagem (Mobile): 575px (largura) x 300px (altura) 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: 560px (largura) x 370px (altura).
• Componente Testemunho
  • Imagem do Autor: 50px (largura) x 50px (altura).

---

Astrid

Tamanhos recomendados para Astrid:

• Produtos: 940x1290px
• Slider Inicial: 1900x750px
• Home Banner: 790x420px
• Blog: 1245x748px
• Categoria: 1290x160px
• Logotipo da loja: altura: 100px / largura: 100px a 300px

---

Bootstrap

Tamanhos recomendados para Bootstrap:

• Produtos: 1080x1350px
• Slider Inicial: 1900x480px
• Imagem da categoria: 2200x600px
• Blog: 900x300px
• Logotipo da loja: altura: 50px / largura: 150px a 300px

---

Cupcakes

Tamanhos recomendados para Cupcakes:

• Produtos: 1200x1200px
• Slider Inicial: Use a foto dos produtos em destaque
• Blog: 970x540px
• Logotipo da loja: altura: 75px / largura: 80px a 300px

---

Classic

Tamanhos recomendados para Classic:

• Produtos: 1200x1200px
• Slider Inicial: 900x300px
• Blog: 820x530px
• Categoria: 970x230px
• Logotipo da loja: altura: 75px a 150px / largura: 100px a 300px

---

Core

Tamanhos recomendados para Core:

• Produtos: 1800x1200px (Deixe o produto centrado)
• Slider Inicial: 900x320px
• Blog: 900x570px
• Logotipo da loja: altura: 100px / largura: 100px a 300px

---

Novus

Tamanhos recomendados para Novus:

• Produtos: 1320x908px
• Slider Inicial: 1170x500px
• Blog: 820x570px
• Categoria: 970x200px
• Logotipo da loja: altura: 100px a 150px / largura: 100px a 300px

---

Collage

Tamanhos recomendados para Collage:

• Produtos: 1560x2480px
• Blog: 800x490px
• Logotipo da loja: altura: 100px / largura: 100px a 300px

---

Starter

• Imagens do produto: 1210px (largura) x 1210px (altura).
• Logotipo da loja: será exibido num máximo de 50px de altura e uma largura proporcional. Recomendamos o upload da imagem em tamanho duplo ou mais de altura (pelo menos 100px de altura) para melhorar a visualização do visor da retina.
• Imagem de categoria: será exibido em diferentes tamanhos dependendo do layout:
• Categoria Default ou Main Category: nestes casos, a imagem da categoria será exibida como pano de fundo do título no topo da página, pelo que apenas apresentará uma parte da imagem.
• Brands Layout: é este layout, as imagens serão exibidas em tamanho total e quadrado.
• Nos 3 layouts recomendamos a utilização de imagens proporcionais quadradas, podem ser de 1000px (largura) x 1000px (altura) e serão corretamente exibidas em todos os casos.

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho do Slider (Desktop): 2048px (largura) x 1024px (altura).
  • Tamanho do Slider (Mobile): 960px (largura) x 1200px (altura).
• Componente de Banner
  • Tamanho do banner (Desktop e Mobile): 570px (largura) x 878px (altura).
• Componente de Categorias
  • Ícone de bloco de categoria: 50px (largura) x 50px (altura).
  • Categoria Block Background Image - Depende do seu conteúdo. Pode usar um padrão ou imagem completa. Mantenha-o simples.
• Logos Slider Componente
  • Tamanho do logotipo: Recomendamos um máximo de 220px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente testemunho
  • Imagem do Autor: 50px (largura) x 50px (altura).

---

Organic

• Produtos: 1200x1200px
• 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 150px / largura: 100px a 300px

Tamanhos recomendados para componentes:

• Componente de Slider
  • Tamanho do Slider (Desktop): 1905px (largura) x 600px (altura).
  • Tamanho do Slider (Mobile): 575px (largura) x 450px (altura).
• Componente de Banner
  • Tamanho do banner (Desktop e Mobile): 760px (largura) x 440px (altura).
• Componente Banner Grande
  • Tamanho da imagem: Recomendamos um mínimo de 1024px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente Imagem com Texto
  • Tamanho do imagem (Desktop e Mobile): 750px (largura). Altura proporcional, dependendo de como pretender exibir.
• Logos Slider Componente
  • Tamanho do logotipo: Recomendamos um máximo de 150px de largura. Altura proporcional, dependendo de como pretender exibir.
• Componente testemunho
  • Imagem do Autor: 100px (largura) x 100px (altura).
• Componente Video
  • Tamanho da imagem: 570px (largura) x 365px (altura).

---