Seguir

Tamanho Das Imagens Na Minha Loja


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:

 

tamanho2.JPG


Loja Virtual V2:

 Tamanho.JPG

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.

tamanho11.JPG

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:

 tamanho22.JPG

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

Zoom leve (50%)

Zoom grande (100%)

Zoom de textura (300%)

465px x 660px

698px x 990px

 

 

465px x 660px

 

930px x 1320px

 

465px x 660px

 

 

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

Descreva sua opinião sobre o tutorial, sendo críticas construtivas ou melhorias, comente abaixo:

Esse artigo foi útil?
Usuários que acharam isso útil: 2 de 2

0 Comentários

Por favor, entre para comentar.