Dúvida sobre resolução de imagem para banners desktop e mobile
Olá pessoal, existe alguma recomendação de tamanho de resolução para os banners de homepage da shopify? meu tema é o impact. Pensei em talvez usar 1400x535 para desktop e 1200x1500 mobile.
Exemplos de banners de homepage desktop e mobile:
Olá @Skence tudo bem?
Sobre essa questão, depende de diversos fatores:
- Pensando no quesito de performance, a melhor maneira de verificar seria você realizar testes no pagespeed.web.dev e verificar o tamanho da imagem se está alinhado com que o Google está renderizando e entregando ao usuário.
- Olhando para a questão do usuário e proposta do banner em sí, aí eu diria para fazer uma análise e verificar pois em alguns casos de banner, ainda mais promocional de produtos, lançamentos, super ofertas e tal, algumas empresas normalmente saiem da linha de reciocínio de otimização pro google e pensa mais em conversão do usuário.
Dito isso, a questão do tamanho da imagem, está mais alinhada também a público, pois a partir dele, você consegue ter uma dimensão de tamanho de monitores que sua buy persona utiliza com base no poder aquisitivo e defini um tamanho com resolução mais alta ou mais baixa.
Saiba também que quanto menor for, se a tela do usuário for incompatível, ela expandirá podendo trazer uma experiencia negativa pro usuário, por outro lado, colocar uma imagem mais alta há um certo consumo de bytes de internet que pode prejudicar performance no google e/ou carregamento da imagem no dispositivo que o seu publico está acessando..
Resumo da ópera? É meio complicado de definir, realize testes, faça um ponderamento entre qualidade, peso da imagem, e tamanho...
Um bom ponto de partida é começar com imagem desktop 1500x1200 ou 1500x1000 e mobile 1000x1400
para viés de comparação, segue a loja que estou desenvolvendo pro meu cliente:
Banner inicial: desktop - 3200x1700
banner mobile: 1200x1600
Um abraço, espero ter ajudado.
Olá @Skence tudo bem?
Sobre essa questão, depende de diversos fatores:
- Pensando no quesito de performance, a melhor maneira de verificar seria você realizar testes no pagespeed.web.dev e verificar o tamanho da imagem se está alinhado com que o Google está renderizando e entregando ao usuário.
- Olhando para a questão do usuário e proposta do banner em sí, aí eu diria para fazer uma análise e verificar pois em alguns casos de banner, ainda mais promocional de produtos, lançamentos, super ofertas e tal, algumas empresas normalmente saiem da linha de reciocínio de otimização pro google e pensa mais em conversão do usuário.
Dito isso, a questão do tamanho da imagem, está mais alinhada também a público, pois a partir dele, você consegue ter uma dimensão de tamanho de monitores que sua buy persona utiliza com base no poder aquisitivo e defini um tamanho com resolução mais alta ou mais baixa.
Saiba também que quanto menor for, se a tela do usuário for incompatível, ela expandirá podendo trazer uma experiencia negativa pro usuário, por outro lado, colocar uma imagem mais alta há um certo consumo de bytes de internet que pode prejudicar performance no google e/ou carregamento da imagem no dispositivo que o seu publico está acessando..
Resumo da ópera? É meio complicado de definir, realize testes, faça um ponderamento entre qualidade, peso da imagem, e tamanho...
Um bom ponto de partida é começar com imagem desktop 1500x1200 ou 1500x1000 e mobile 1000x1400
para viés de comparação, segue a loja que estou desenvolvendo pro meu cliente:
Banner inicial: desktop - 3200x1700
banner mobile: 1200x1600
Um abraço, espero ter ajudado.
Artigos do Blog da Comunidade
Você é aquele lojista que criou múltiplas lojas para usufruir do período de avaliação...
By Paula Aug 15, 2024
Antes de tomar a decisão de comprar de uma loja virtual, podem surgir algumas dúvida...
By Amalia Aug 1, 2024
Se você está em Portugal e utiliza o Shopify Payments, este artigo foi feito para voc...
By Paula Jul 18, 2024