Diminuir as imagens do layout materias

layout

#1

As imagens estão grandes demais e desfocadas, como diminui las?


#2

Olá, poderia mostrar aonde essas imagens estão assim?


#3

www.redepetminas.com.br


#4

Dei uma olhada, e quando eu tiro o CSS que faz a imagem ter 100% do tamanho do container aonde ela está, ela apareca boa, porém, o real defeito está no tamanho de cada imagem que você está colocando em sua loja.

Por exemplo, a imagem do “Biscoito Dogmil Adulto 300G” ela parece estar com uma qualidade boa quando eu tiro o CSS que gera o aumento das imagens:

Porém, quando eu deixo o CSS, as outras imagens “estouram” mas a do Dogmil não:

Resumindo, a forma para arrumar o seu problema é manter todas as imagens no mesmo tamanho, isso vai gerar um padrão e a loja irá obedecer o padrão.


#5

Obrigado, farei isso. qual tamanho ideal?


#6

O tamanho padrão para imagens de e-commerce é de 1024x1024, porém, algumas imagens são horizontais, dificultando nessa parte, então no caso de imagens horizontais faça 1024x512.

Como ví que na sua loja a maioria é imagem “quadrada”, então tente deixar 1024x1024 que deverá resolver o seu problema.

Salve as imagens como JPEG Progressivo 70% de qualidade. Isso vai fazer com que as imagens não percam qualidade, e fiquem bem leves para a loja abrir.


#7

Obrigado!

Enviado do meu iPhone