Saber como otimizar imagens para web é essencial para qualquer site que deseje alcançar boas posições na internet.

O uso correto de recursos gráficos pode não só aumentar o alcance de sua plataforma, como também facilitar a leitura do conteúdo.

Provavelmente, você já deve ter ouvido falar de escaneabilidade que é, basicamente, a facilidade de leitura do texto.

Dentre as diversas técnicas para tornar um texto mais escaneável, um dos pontos basais é o uso de imagens.

Todavia, utilizá-las somente para tornar um conteúdo mais atraente aos olhos é insuficiente.

Nessa perspectiva, acompanhe a seguir os principais pontos sobre como otimizar imagens para web.

Qual formato de imagem utilizar?

Um outro fator relevante sobre como otimizar imagens para a web é a seleção correta de seu formato.

Os formatos JPEG e PNG são os mais comuns e são excelentes na maioria das situações.

Sendo assim, opte pelo formato JPEG para fotos ou ilustrações grandes que não apresentem grande variedade de cores.

Quanto ao PNG, escolha sempre o PNG-24, pois ele permite uma maior qualidade, bem como gama de cores.

O formato PNG deve ser escolhido quando quiser uma imagem com fundo transparente ou com alta quantidade de cores.

Caso precise ou queira utilizar uma imagem com movimento, o formato deve ser o GIF.

Outro formato utilizado é o SVG, que é recomendado para logos e ícones, devido a sua capacidade de se reajustar sem perder qualidade.

Entretanto, tome cuidado com este formato, pois ele pode afetar a segurança de seu website, uma vez que ele pode ser alterado por hackers.

O que é compactar uma imagem?

De forma resumida, compactar uma imagem consiste no ato de reduzir o seu tamanho ao máximo.

Qual a relação entre a compactação e a otimização de imagens para web?

Utilizar imagens compactadas é sinônimo de tornar as páginas do seu site mais leves, o que acarreta em um carregamento mais rápido.

Como exemplo de melhora, pode-se citar a experiência do usuário.

Dessa maneira, é fato que qualquer pessoa irá preferir um site que carregue de forma rápida do que lenta.

Em conseguinte, haverá uma melhora no SEO, pois a velocidade de carregamento de uma página é fator de ranqueamento no Google, por exemplo.

Com isso, se tem um excelente demonstrativo sobre como otimizar imagens para web auxilia em outros fatores do seu site.

Como compactar imagens?

Existem diversos sites e ferramentas que fazem a compactação de imagens.

Bons exemplos são o TinyPNG, JPEGMini e o Kraken.

O que é atributo alt em imagens?

O atributo alt, também chamado de alt text ou alt tag, funciona como um nome alternativo para imagem e é importantíssimo no processo de como otimizar imagens para web.

Ele é exibido quando, por qualquer motivo, a imagem não carrega para algum usuário.

Devido a isso, ele deve representar bem o que é a imagem, para que o usuário consiga compreendê-la.

O alt image também auxilia pessoas com deficiência visual, pois, para que consigam saber o que está escrito, utilizam um software que narra o texto.

Desse modo, caso não tenha um alt text nas imagens, o indivíduo pode saber que há um elemento gráfico ali, mas não sobre o que ele trata.

Além disso, o atributo alt auxilia muito no SEO do site como um todo.

Para melhor desempenho em termos de SEO, basta utilizar a palavra-chave do texto no atributo alt da imagem.

Como adicionar uma alt tag para otimizar imagens para web

Existem duas formas de se adicionar uma alt tag: via HTML ou plugin.

A maioria dos plugins de SEO fornecem uma área específica para definir o alt text, bastando apenas escrevê-lo.

Para adicionar manualmente, é necessário o uso da tag alt no código HTML do texto, da seguinte maneira:

Como aparecer nas imagens do Google?

Para aparecer no Google Imagens, é importante não só ter noção de como otimizar imagens para web, como também ter um sitemap.

Como o próprio nome já diz, o sitemap é um mapa do seu site.

Assim sendo, ele guia os robôs de busca para que eles encontrem os arquivos e páginas do seu site.

Logo, quando um usuário pesquisar pelo título da imagem no Google, os robôs poderão buscar as informações no seu site e, então, mostrar suas imagens.

Como fazer um sitemap para otimizar as imagens para web?

Se utilizar o WordPress, provavelmente possui um plugin de SEO e tem altas chances de ele já ter feito isso para você.

Caso utilize alguma outra plataforma, ferramentas como o Google Webmasters geram sitemaps e podem auxiliá-lo nesse processo.

Considerações finais

Ter bons conhecimentos sobre como otimizar imagens para web e coloca-los em prática é fundamental para atingir melhores resultados.

Dessa forma, comece se certificando de que possui um sitemap.

Em seguida, escolha o melhor formato para sua imagem, compacte-a, defina uma alt tag e pronto.

Vale destacar, ainda, que o processo sobre como otimizar imagens para web melhora não só as imagens do seu site, como toda a estrutura de SEO em si.

Gostou do conteúdo? Ficou com alguma dúvida? Compartilhe sua opinião conosco!