Reduzir o tamanho das imagens para Web (otimização)

Como reduzir o tamanho das imagens para um melhor carregamento na Web.

Existem várias ferramentas onlines que disponibilizam gratuitamente (com algumas limitações) a otimização de imagem.

Neste Post irei indicar o Kraken.IO.

Kraken.IO

Click neste link Kraken.IO  Free Online Image Optimizer para abrir a ferramenta.

Nesta página você terá todas as configurações possíveis e o campo para fazer upload de suas imagens.

Primeiro campo: “1. Select Source of images”.

Deixe essa opção como “File Uploader”.

Essa é a forma mais simples de você transferir os seus arquivos para o otimizador de imagens.

Opções “URL Paster” e “Page Cruncher” são recursos disponíveis apenas na versão paga da ferramenta.

Segundo, “2. Select optimization mode”

Temos 3 opções nessa configuração:

LOSSY: Esse método é o mais recomendado, pois irá realizar uma grande redução no tamanho da imagem perdendo muito pouco de sua qualidade original.

LOSSYLESS: Tentará otimizar a imagem sem alterar nenhum pixel, essa opção é mais indicada para as imagens que você não deseja perder nada em qualidade, mantendo seu estado original.

EXPERT: Essa opção avançada é apenas indicada para usuários que tem um amplo conhecimento em otimização e configurações de imagens.

Testando o modo “Lossy”

Vamos testar o modo “Lossy” de otimização.

Arraste uma imagem do seu Desktop para campo de upload na página ou utilize uma das opções de integração disponíveis.

Após arrastar e soltar a imagem automaticamente será iniciado o upload e a otimização se sua imagem.

Resultado

Como você pode ver em uma imagem pequena de 36kbs, tive um ganho impressionante de 36%.

Em alguns casos com imagens pesando mais de 600 kbs já consegui com Kraken IO reduzir o tamanho delas para 160 kbs em média, sem percas significativas de qualidade.

Muito editores de imagem adicionam informações adicionais na imagem e exportam elas sem nenhuma otimização para Web gerando esse tamanho desproporcional com os padrões da Web.

Imagens leves geram melhores resultados no Google (SEO)

Ter todas as imagens do seu site otimizadas irá melhorar significativamente a sua nota no PageSpeed da Google.

Google utiliza a velocidade de carregamento de uma página como um dos critérios para classificar um site em seus resultados de busca.

Uma página só é considerada totalmente carregada quando todas as requisições feitas por ela são concluídas, incluindo todas as imagens.

Conclusão

Se você tem um site muito grande com centenas de imagens a opção paga irá lhe atender melhor.

Recursos como “Page Cruncher” irão facilitar em muito a sua vida otimizando todas as imagens presentes em uma página.

Sem falar que Kraken.IO possuí uma API de integração e módulos para Magento e WordPress.

Você pode consultar os preços e planos diretamente no site do Kraken IO.