Como deixar imagens menores e mais leves

Se você tem um site ou blog, saiba que deixar imagens mais leves em seu conteúdo e layout não só contribui para um carregamento de página mais rápido e economia de espaço em disco, mas também contribui para o SEO.

E o melhor: otimizar imagens é um trabalho mais simples do que parece.

E melhor ainda: você deixa a imagem leve sem que ela perca qualidade!

Antes de mais nada: salve imagens com o formato certo!

Não adianta nada tentar otimizar uma imagem se ela está com o formato (ou seja, extensão) errado. Isso pode alterar, e muito, o peso do arquivo – a qualidade e as cores também.

Pra facilitar, siga esses padrões:

• JPG: fotos em geral;
• PNG ou SVG: ilustrações, desenhos, ícones e elementos de layout;
• GIF: banners e animações (de poucos segundos).

Uma foto em PNG poderá ficar muito – mas MUITO – mais pesada do que se fosse salva como JPG. Assim como a diferença entre um PNG e um SVG pode ser gritante também. Na dúvida, salve em mais de um formato e faça o teste.

Se quiser saber mais sobre o assunto, leia esse post aqui!

Sites para deixar imagens mais leves

Tem poucas imagens pra otimizar? Ao invés de instalar um programa em seu computador, utilize os otimizadores abaixo!

TinyPNG

Meu favorito.

Otimiza não só PNG, mas JPG também. E a compressão é excelente: já tive 70% de otimização em alguns casos, e as imagens continuaram com a mesma qualidade.

Acesse: tinypng.com

Online Image Optimizer

Otimiza imagens com extensão .jpg, .png e .gif. O limite é de 2,86MB por imagem.

Acesse: tools.dynamicdrive.com/imageoptimizer

Free Image Optimizer

Aqui você poderá reduzir também a largura e a altura da imagem, o que contribui para que ela fique mais leve.

Não tente otimizar gifs animados aqui, pois ele ficará apenas com o primeiro frame.

Acesse: imageoptimizer.net/Pages/Home.aspx

Plugins para WordPress para reduzir o peso das imagens

Usa WordPress? Então automatize o processo!

EWWW Image Optimizer

É só instalar, configurar e pronto!

Todas as imagens que você subir em seu site serão otimizadas automaticamente, e você também poderá otimizar as antigas.

Plugin: wordpress.org/plugins/ewww-image-optimizer

Imsanity

Dos mesmos criadores do plugin acima, o foco deste plugin é o redimensionamento de imagens.

Assim, você não precisa se preocupar em deixar as imagens menores antes de fazer o upload em seu site: o próprio plugin fará isso e apagará a imagem original.

Plugin: wordpress.org/plugins/imsanity

Programas para otimização de imagens

Se você trabalha com um grande volume de imagens, o ideal é ter um programa em seu computador para fazer o trabalho.

Veja minha sugestão para cada sistema operacional!

Mac: ImageOptim

Esse é o app que uso.

Bem leve e simples de utilizar, reduz o peso das imagens sem nenhum problema!

Download: imageoptim.com/mac

Linux: Trimage

Inspirado no software acima, então não preciso dizer muito: é um bom otimizador de imagens!

Download: trimage.org

Windows: RIOT

O mais completo de todos, também permite redimensionar imagens e arquivos PSD, além de formatos HDR e RAW.

Download: riot-optimizer.com

Otimize suas imagens!

Além das dicas acima, também é possível deixar imagens mais leves quando você as salva.

No Photoshop, por exemplo, escolha sempre “Salvar para web”. O tamanho da imagem (largura e altura) também fazem diferença, então sempre que possível salve a imagem com as medidas que você irá utilizar.

Conhece outros métodos para deixar imagens mais leves? Diz aí nos comentários!