Como deixar imagens menores e mais leves
Precisando deixar imagens mais leves para ocupar menos espaço e aumentar a velocidade de carregamento? Saiba como otimizar imagens sem perder qualidade!
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!
Índice
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!
A cópia dos conteúdos e trabalhos deste site não é permitida. Saiba mais clicando aqui!
Comentários
5 comentários até o momento
Muito bom, garoto! Sofro bastante com a questão de otimizar imagens, já que o meu tema “pede” por imagens de alta resolução e quando consigo reduzir, sem perder muito da qualidade, cai para 150kb.
Vou testar alguns desses plugins e te conto o resultado futuramente.
Essas dicas junto com o “salvar imagem para web” certamente te ajudarão bastante!
Excelente tutorial.
Baixei um destes programas listados e funciona perfeitamente, além de fácil utilização. O programa ajuda a diminuir os Kb das fotos e você vai regulando para a foto não perder muito a qualidade.
Ajudou muito.
Que bom, Soraya! :D
Cara, vc salvou a minha vida!
Receba minha eterna gratidão!!!
Esse RIOT é a invenção do século!