Como podemos otimizar imagens para melhorar a performance do site?

Precisamos garantir maior velocidade de carregamento em nossos sites, com isto vamos abordar uma das práticas mais importantes neste quesito, sendo as otimizações de mídias.

Sabemos que arquivos grandes e densos em um site, levam mais tempo de carregamento, prejudicando o desempenho da página, impactando negativamente na experiência do usuário e perdendo relevância dentro do Google. Saiba que quase 75% do peso de uma página refere-se a imagens, desta forma é necessário que elas sejam exibidas corretamente sem afetar a performance e velocidade para seus usuários.

 

Algumas dicas para otimização de sites e imagens:

É preciso verificar a velocidade do site

Medindo o desempenho e identificando em que páginas é preciso realizar otimizações, analisar e escolher o número de imagens adequado para ser carregado, sem exagerar e pesar na página.

Comprimir imagem

Minimizando a dimensão de um arquivo, sem diminuir a qualidade original enquanto o arquivo é reduzido, deixando os arquivos mais leves e rápidos para carregamento.

Seguem alguns sites para você compactar imagens e fotos online:

TinyPNG

Preferida por muita gente e 100% gratuita, a plataforma TinyPNG é ideal para quem trabalha muito com imagens de fundo transparente e precisa de ótima qualidade, sendo o caso dos arquivos PNG. Ainda assim, apesar do nome, o site permite comprimir outros formatos de arquivo.

É possível fazer o upload de até 20 imagens simultâneas, com peso máximo de 5 MB cada. Isso também acelera bastante o processo.

Compress PNG

Assim como a opção anterior, o Compress PNG tem uma interface Web para que você possa comprimir imagens online. Nela, é possível subir até 20 arquivos ao mesmo tempo.

Após a compressão, dá para baixar todos eles em um arquivo compactado. Apesar do nome que fala em “PNG”, o software também dá opção de trabalhar com arquivos JPG, JPEG e até PDF.

iLoveIMG

As ferramentas anteriores são bastante minimalistas e vão direto ao ponto, focando simplesmente na compactação da imagem. Mas, se você quiser editar um pouco a foto antes de comprimir, o iLoveIMG oferece essa opção.

Com ele, além de compactar, você pode recortar e redimensionar imagens. A plataforma ainda traz a opção de converter o arquivo de outros formatos de imagem para o JPG, ou ainda do JPG para os demais.

Outro ponto interessante é a possibilidade de fazer upload de imagens via Google Drive e Dropbox. Ou seja, é uma boa alternativa para quem usa esses serviços e ainda quer dar um “toque final” antes de comprimir.

Usar o SEO para imagens

Aqui são listados alguns exemplos:

Otimização dos nomes e títulos dos arquivos: é fundamental ter títulos e nomes relevantes e não aleatórios, sem números e caracteres especiais.

Imagens responsivas: garanta que as imagens sejam exibidas corretamente nos diferentes dispositivos, promovendo uma boa experiência para os usuários.