Qual é o tamanho ideal de uma imagem para usar em minhas páginas?

O tamanho ideal de uma imagem pode variar de acordo com o uso ou seção escolhida.

Aprenda como otimizar as suas imagens e com isso melhorar o desempenho das suas páginas.

O primeiro detalhe muito importante é o tamanho do arquivo:

Não é possível subir imagens com mais de 1 MB.

E por que? Quanto maior o arquivo de uma imagem, maior será o tamanho geral da página, consequentemente o desempenho dela será menor.

Imagine uma página simples, que tem uma logo, uns 5 itens de imagem e duas seções com imagem de fundo.

Se cada arquivo pesar 1MB, essa página terá 7MB só de imagem e isso pode prejudicar bastante o carregamento do site.

Você pode compactar o tamanho dos arquivos das suas imagens em sites como, por exemplo: https://tinypng.com/ 

É importante salvar o arquivo/foto no seu computador sem nenhum caractere especial (ç_#*!@´~) para que não tenha problemas ao subir no editor da página!

O sistema informa o tamanho ideal para o uso de elementos como logos, menus, listas de itens, entre outros.

• Planos de Fundo

Para planos de fundo, onde a imagem ocupa a tela inteira, pode-se usar imagens com resolução 1366 x 768px ou proporcional a isso.

• Imagens de Fundo

Já para imagens de fundo de uma seção não existe um tamanho ideal.

No geral, as seções com imagem de fundo não priorizam foca-lo e por isso não é recomendado usar textos, logos e outras informações nele.

Se você deseja priorizar uma imagem, o ideal é usar uma seção como a "kp - banner".

Pensando na responsividade, não é interessante usar uma imagem com muito texto, pois a tela mobile é muito pequena e pode impossibilitar a leitura.

• Favicon

Que é o ícone que aparece na aba do navegador, o tamanho recomendado é 65 x 65px.

• Imagem para Facebook

Essa imagem que configura aparece quando você compartilha o link da sua página no Facebook, aparecendo em sua timeline. E o tamanho é de 1200 x 628px.

Esses são os tamanhos e dicas para o melhor uso das imagens em suas páginas.

Se tiver alguma dúvida, entre em contato com o nosso Suporte.