Banners em baixa resolução

Estou seguinto direitinho todas as especificações de tamanho de imagem, em excelentes imagens e quando subo, os banners ficam em baixíssima resolução.
Por enquanto só fiz o full e o mini, e ambos estão em baixa resolução.
Tem algo a mais para se fazer? Como resolver isso?

1 curtida

Oi @conchinhadonenem , tudo bem?

Quando você adiciona uma imagem à sua loja, a plataforma faz uma compressão automática, para reduzir o tamanho do arquivo. A perda de qualidade é mínima, mas a melhoria na velocidade de carregamento da loja é enorme! Por isso é que esse redimensionamento é importante, para sua loja ser rápida independente da velocidade da internet do seu cliente! :wink:

Para que a perda de qualidade seja ainda menor, o que eu te recomendo é que insira os seus banners no formato JPG, que por ser bem mais leve, a plataforma vai interferir minimamente na qualidade.

Olá @conchinhadonenem, tudo bem?

No seu tema para que as imagens apareçam em boa qualidade é necessário solicitar que diminua a largura do banner com o seguinte código CSS abaixo:

banner.cheio .flexslider .slides img{width:fit-content; margin:0 auto;}

Esse código fará com que sua imagem não expanda perdendo qualidade, mas fique limitada ao tamanho original.

Outra coisa que pode ser feita seria uma alteração mais profunda com Javascript e você subir imagens numa medida maior, para ficar tudo em qualidade excelente. Neste caso existem alguns serviços do tipo pela Integrando.se que talvez possam te ajudar!

Abraço e boas vendas!

2 curtidas

Uma péssima compressão essa, torna os banners ridiculamente ruins, deixando com aparência totalmente pixelizada. Adianta de nada carregar rápido se o cliente não consegue ler nada ou ver a imagem.

1 curtida