Todos sabemos que as imagens tem papel fundamental em um site, seja ele institucional, blog ou uma loja virtual.

As imagens ajudam muito na hora de vender o seu negócio e bem otimizadas também ajudam a alavancar os acessos de seu site (SEO).

Você não sabe como otimizar as imagens de seu site? Leia aqui e fique por dentro.

Quanto devem pesar as imagens do meu site?

Quanto maior a imagem, mais pesada ela vai sei e mais tempo demorará para carregar. Além de correr o risco de seu cliente não ter paciência para esperar o carregamento, imagens pesadas podem fazer seu site ser visto com maus olhos pelos buscadores, como o Google por exemplo.

O ideal é que as imagens tenham no máximo 300kb.

Mas em tamanho, quanto as imagens devem medir?

As dimensões das imagens variam bastante de acordo com o formato da imagem que você está trabalhando e por isso é impossível seguirmos uma medida única.

Por isso, separamos alguns formatos para você ter uma base.

 

Foto Produto:

A imagem deve ser clara e objetiva! A intenção é vender e por isso é muito importante que a imagem tenha boa qualidade (não pode estar borrada ou desfocada) e deve ter um tamanho onde o cliente consiga visualizar o produto perfeitamente.

As fotos de seu produto devem ter o máximo de
600 x 600 pixels.

Fotos Full Screen (muito usado em fotos de capa / banners)

Se o objetivo é preencher a tela do computador/notebook a imagem terá que ser um pouco maior. Abra a imagem e certifique-se de que a qualidade de imagem será suficiente para preencher uma tela cheia.

As imagens full screen devem ter no máximo 1600px de largura e sua altura pode variar entre 800 e 900 pixels.

O peso dessas imagens nunca deve ultrapassar 700kb.

 

Fotos Full Width (muito usado em fotos de capa / banners / faixas promocionais)

Neste caso o objetivo é que a imagem tenha a largura da tela do seu cliente, então sua altura será sempre a mesma.

A largura deve ter no máximo 1600px de largura e sua altura dependerá do layout escolhido.

O peso dessas imagens nunca deve ultrapassar 600kb.

 

Fotos variadas

As fotos que serão inseridas no site, seja em galerias ou individuais, devem ter boa qualidade mas não precisam ser em alta resolução.

Lembre-se: quanto maior a imagem, mais tempo leva para seu cliente carregá-las.

As dimensões das imagens podem variar bastante de acordo com o seu formato. Imagens horizontais devem ter no máximo 900px de largura. Imagens verticais devem ter no máximo 800px de altura.

As imagens de seu site (que não pertencem a banner / capa) devem pesar no máximo 300kb.

 

Fundos de secção:

Quando seu site possui imagens ou texturas de fundo as mesmas já são entregues a você otimizadas. Mas caso você tenha necessidade de trocar o fundo de seu site (ou de parte do site) é importante que essas imagens também sigam os critérios de tamanho e peso.

Quando o fundo for de alguma textura (amadeirada, desenhos, etc) usa-se imagens de repetição e estas devem pesar no máximo 100kb.

Quer saber mais? Saiba como otimizar as imagens de seu site.

Ficou com dúvidas, entre em contato com um de nossos especialistas! Fale Conosco!

 

Se você faz a administração do seu site ou trabalha com conteúdo para a internet, sabe a importância que as imagens tem e o que você quer passar para as pessoas.

Fazer o upload de imagens e fotos para o seu site é um processo muito simples, tão simples que às vezes pode ofuscar a importância da otimização dessas imagens.  Este processo de otimização das imagens do seu site não é apenas uma maneira de fazer suas fotos parecerem melhores – é também uma parte crítica do SEO do seu site.

Textos e imagens andam de mãos dadas, e se uma das partes não estiver boa, todo seu trabalho vai por água abaixo.

Lembre-se sempre: tudo precisa estar otimizado para a web!

Desde o site até as todas as imagens, fotos etc. Por isso, resolvemos listar algumas dicas básicas e importantes, de como melhorar a qualidade do seu trabalho online. Veja abaixo!

1. Tamanhos dos arquivos

Tempo de download. Ponto final. Se a imagem demorou para baixar vai demorar para carregar em seu site.

Você pode escrever um post fazer uma ótima publicação, mas se por algum motivo suas imagens não carregarem, seus leitores e/ou clientes olharão para a aba do lado e…. lá se foi a atenção.

Dica: Quando você estiver editando suas fotos, opte por “Save for Web.” Depois disso, uma nova janela vai surgir com algumas opções de otimização para web.

 

Tamanho X Qualidade

Quase todos os editores de imagens hoje em dia permitem que você salve as imagens em seu desktop em diferentes níveis de qualidade. Ao contrário do que algumas pessoas pensam, salvar uma imagem com a mais alta qualidade nem sempre é a melhor opção. As imagens grandes, como fundos, e imagens que não precisam de alta definição, podem ser salvas em uma qualidade apenas um pouco acima da média, a fim de reduzir o tamanho do arquivo e melhorar a velocidade de carregamento do seu site.

 

Devo colocar imagens pequenas então?

Não! Publicar imagens pequenas demais em seu site também não é legal, você pode acabar com um arquivo pequeno demais e com uma imagem esticada e embaçada.

Conhecer os parâmetros da sua página web é o segredo para ajustar sua imagem para o tamanho correto.

Por exemplo, se seu site tem 1366 pixels de largura (notebook), você precisa ajustar suas imagens para o mesmo tamanho.

A altura da imagem não importa muito, a não ser que você queira imagens com um formato específico. Lembre-se também de prestar atenção no número de quilobytes da sua imagem, que você pode encontrar no canto esquerdo da janela “Save for Web.”

Uma boa regra é que um número pequeno de quilobytes significa menos tempo para carregar uma imagem.

Menos de 300k geralmente é um número bom e seguro para garantir qualidade.

 

2. Formatando seus arquivos

Existem imagens de todos os formatos e tamanhos, e é importante saber para qual fim a imagem será usada, assim você poderá escolher melhor qual formato deverá ser usado.

Existem três tipos padrão de arquivo de imagem que você provavelmente vai trabalhar: JPEG, PNG e GIF.

Vamos simplificar:

  • Use JPEG para fotos
  • PNG para vetores
  • GIF para animações/vídeos.

Você pode escolher o formato ideal para as suas imagens quando você salvar em qualquer software de edição de fotos.

 

 

3. Nomeando suas imagens

Cada imagem que você salva tem um nome e isso é essencial caso você queira que sua página se saia bem nos sites de buscas.

Os buscadores, como o Google, rastreiam páginas não apenas pelo conteúdo, mas também por palavras-chave em cada imagem.

Mas qual nome escolher para o arquivo de cada imagem?

Pense em como você buscaria essa imagem. Você provavelmente começaria com uma palavra-chave simples, descritiva, como por exemplo “casa na montanha”.

Use a mesma lógica ao nomear suas próprias imagens, escolhendo termos detalhados e separando cada palavra-chave com um hífen, para que, por exemplo, a imagem de “casa amarela” seja lida como “casa-amarela.jpg.”

 

 

4. Pense nas dimensões:

Cada imagem tem uma finalidade e você, mais do que ninguém, sabe onde deseja encaixar cada imagem. Escolher quanto espaço sua imagem ocupa pode ser tão importante quanto a imagem em si.

Escolher a dimensão certa para suas imagens não só irá melhorar a aparência geral do seu site, mas também irá contribuir para que ele pareça mais profissional e arrumado.