Boa tarde,
Quando acesso a loja virtual pelo PC, a imagem do banner perde muita qualidade. No mobile está ótima. Pq isso ocorre ? Tem como melhorar ?
Loja: www.belabruna.com.br
Boa tarde, tudo bem?
A imagem normalmente para computador tem que ter uma largura de pelo menos 1200px, no seu caso ela tem 800px. Logo no desktop ela estica para chegar no tamanho, logo fica ruim a visualização. O contrário no celular fica ótimo, porque deve-se ter no máximo 720px
@diogosalvador só pra complementar o que o Matheus falou. Sugiro que use 2 imagens, uma para PC e outra para Mobile, eu faço isso na minha loja e da super certo, fica bem bacana. Para mobile eu uso imagens com no máximo 1080x1080 e ficam bem nítidas!
@diogosalvador você apenas fez o que o navegador faz, pegou a mesma imagem e expandiu, por isso continua ruim. Veja a imagem https://belabruna.com.br/img/uploads/whatsapp-image-2020-11-18-at-15.02.00-2-.jpg no caso você precisa aumentar a imagem, sem retirar a qualidade dela.
@diogosalvador , só dando uma força pro pessoal! Vi pelo atalho que o Matheus mandou que vc usou uma imagem recebida pelo Whats. Essas imagens sofrem compressão e perdem muito a qualidade.
Outra dica, para melhorar a performance da sua loja converta as imagens para webp, eu uso este site que faz a conversão: https://convertio.co/pt/jpg-webp/
Também é interessante a dica de usar 2 imagens (Para desktop e para mobile)
Caso você tenha necessidade de um profissional para criação de banners posso indicar o profissional que fez os banners da minha loja!
1 curtida