Neste tutorial você irá aprender com inserir imagens com tamanhos de acordo com a plataforma de sua loja virtual:

Use imagens com nomes sem símbolos, acentos, espaços ou smilles. Tente escrever o mais simples possível.

O tamanho máximo dos arquivos é 2 MB.

Se você tem conhecimento técnico de SEO, note que você poderá alterar todas as alt tags das imagens dentro da plataforma.

Loja Virtual:

Loja Virtual V2:

 

O tamanho da imagem de produto é relativa mais ao seu gosto. Vou usar como exemplo nossa loja de demonstração, clique aqui para ver o produto. Nesse exemplo, usamos 304px por 447px ou 0,68:1. Ou seja, nesse exemplo, se você dividir a largura pela altura dá 0,68. Se você quiser igual a esse exemplo, é só pegar a calculadora e dar uma brincada com valores.

IMPORTANTE: Lembre-se que estou falando do tamanho da imagem dentro da box e SEM ZOOM. Confira aqui as regras de zoom. Em resumo, se você quer zoom tem que dobrar ou triplicar essas medidas. No caso ficaríamos com uma imagem de 608px por 894px ou 912px por 1341px.

Esses não são valores absolutos, você pode usar quadrado também ou pode arredondar esses valores, o mais importante é usar TODAS as imagens de produtos com a mesma medida, não importa qual você escolher.

OBSERVAÇÃO: Se você está tendo problemas para subir a imagem, atente que as vezes uma imagem pode não ser tão grande em "megas", mas ser extremamente larga com baixa qualidade. Isso também impediria de subir a imagem. Outro ponte é que se a imagem tiver muitos caracteres especiais como ")(*&¨_=-%$#@~][., pode impedir de subir ela também.

Se você vai utilizar um banner com layout fluído o ideal é utilizar essas medidas:

 

Qual a tabela de tamanhos em zoom?

Fazer o cálculo do tamanho necessário para a imagem ter um zoom adequado é muito importante, por isso tome cuidado redobrado pois essa questão não passa somente pelo sistema da loja, mas também por como você tira foto dos seus produtos.

A referência de proporção base é 465 px por 660 px (largura por altura) e em alguns layouts a largura padrão é 420 px

Não sabe o que é pixel ou px, clique aqui.

 

Para saber como seu zoom se comportará basta seguir a tabela, pois você precisa de uma imagem com mais pixels para o zoom poder ser maior. Então quanto maior a imagem original, mais ela vai ficar "espremida" na página de produto e melhor poderá ser o zoom.

 

Referencia base                > 465px x 660px  | 465px x 660px | 465px x 660px
Zoom leve  (50%)              >  698px x 990px |                            |
Zoom grande  (100%)        >                            | 930px x 1320px |
Zoom de  textura (300%)  >                            |                             | 1395px x 1980px

Exemplo de página de produto com imagem sem zoom:

 

Resultado com o mouse sobre a imagem em Zoom (nesse caso a imagem tem 1227px por 1400px em uma área de produto de 465px x 578px):

Sucesso e boas vendas!
#familiaxtech

Encontrou sua resposta?