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.
Comentários
0 comentário
Artigo fechado para comentários.