Que tamanho de imagens devo carregar na minha loja?

Nesta página

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 par Mega:

Slider da página inicial: 730x460px
Banners da página inicial: 510x312px
Categorias em destaque na página inicial: 510x370px
Links rápidos da página inicial: 250x250px
Slider de marcas na página inicial: 130x130px
Imagens de produtos: 1080x1080px
Imagen de categoría: 1100x500px
Imagem da categoria: 1100x500px
Logotipo da loja: Largura máxima: 200px Altura: proporcional à largura

Industrial

Tamaños recomendados para Industrial:

Slider da página inicial: 1920x900px
Banners de categoría da página inicial: 350x300px
Imagens de produtos: 540x600px
Imagem da categoria: 2200x600px
Blog: 900x450px
Logotipo da loja - header: Largura: 100px a 300px altura: 70px
Logotipo da loja - footer: Largura: 100px a 255px altura: 100px a 200px

Natural

Tamanhos recomendados para Natural:

Imagem Slider: 1920x980px
Imagem Banners: 400x515px
Produtos: 1920x1450px
Imagem da Categoria: 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

Extravagance

Recommended Sizes for Extravagance:

Imagem do Slider: 1900x600px
Imagem do Slider (com 3 imagens): 700x800px
Banners: 600x350px
Produtos: 1500x1900px
Blog: 800x500px
Slider de marcas: 400x250px
Fundo do rodapé: 1900x600px
Logotipo da loja: alta: 100px largura: 100px a 400px

Kickstart

Tamanhos recomendados para Kickstart:

Produtos: 1080x1080px
Imagem do Slider: 510x465px
Fundo do Slider: 1900x728px
Blog: 1400x550px
Destaques: 90x90px
Especificações do produto: 460x460px (png)
Logos nos Testemunhos: 150x150px
Logotipo da loja: alta: 100px largura: 100px a 300px
Categoria: 1200x300px

Kids

Tamanhos recomendados para Kids:

Produtos: 960x750px
Imagem do Slider: 1900x700px
Blog: 900x450px
Banner Pequeno: 1200x700px
Banner Grande: 1480x410px
Nossas Marcas: 300x300px
Logotipo da loja: alta: 100px largura: até 200px
Fundo do cabeçalho por defeito: 1920x580px
Fundo do cabeçalho das categorias: 1920x580px

Simple

Tamanhos recomendados para Simple:

Produtos: 1280x1280px
Imagem do Slider: 1905x800px
Blog: 610x400px
Banners Home: 240x240px
Categoria: 1140x300 px
Logotipo da loja: Alta: até 150px Largura: até 300px

Influence

Tamanhos recomendados para Influence:

Produtos: 1140x1520px
Slider Inicial: 1170x500px
Blog: 780x500px
Categoria: 500x200px
Logotipo da loja: alta: 100px a 150px largura: 100px a 500px

Bundle

Tamanhos recomendados para Bundle:

Produtos: 1120x1265px
Slider Inicial: 1680x600px
Blog: 580x415px
Categoria: 1290x160px
Logotipo da loja: alta: 100px largura: 100px a 350px

Vintage

Tamanhos recomendados para Vintage:

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

Modern

Tamanhos recomendados para Modern:

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

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

Premium

Tamanhos recomendados para Premium:

Produtos: 1320x900px
Slider Inicial: Utiliza la foto de los Produtos destacados
Blog: 900x250px
Logotipo da loja: alta: 100px largura: 100px a 500px

Megami

Tamanhos recomendados para Megami:

Produtos: 2000x2200px
Slider Inicial: 1900x600px
Home Banner: 950x627px
Blog: 750x500px
Categoria: 2280x1000px
Logótipos de Parceiros: 260x200px
Logotipo da loja: alta: 75px largura: 75px a 300px
Image da slider layout wide = 1900x600px
Image da slider layout boxed = 1140x550px
Imagem com componente de texto = 560x370px

Astrid

Tamanhos recomendados para Astrid:

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

Bootstrap

Tamanhos recomendados para Bootstrap:

Produtos: 1080x1350px
Slider Inicial: 1900x480px
Imagem da categoria: 2200x600px
Blog: 900x300px
Logotipo da loja: alta: 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: alta: 75px largura: 80px a 300px

Classic

Tamanhos recomendados para Classic:

Produtos: 1200x1200px
Slider Inicial: 900x300px
Blog: 820x530px
Categoria: 970x230px
Logotipo da loja: alta: 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: alta: 100px largura: 100px a 300px

Novus

Tamanhos recomendados para Novus:

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

Collage

Tamanhos recomendados para Collage:

Produtos: 1560x2480px
Blog: 800x490px
Logotipo da loja: alta: 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).
- Tamanhos 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
- Tamanhos do logotipo: Recomendamos um máximo de 220px de largura. Altura proporcional assim que quiser mostrar.
Componente testemunho
- Imagem de Autor: 50px (largura) x 50px (altura).