Como deixar imagens 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 o melhor: você deixa a imagem leve sem que ela perca qualidade!
Índice
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!
JPEGmini
Como o nome diz, só serve para reduzir o peso de imagens com formato JPEG.
Online Image Optimizer
Otimiza imagens com extensão .jpg, .png e .gif. O limite é de 2,86MB por imagem.
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.
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.
Plugin 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. Para configurar corretamente e saber mais sobre o plugin, leia: Otimize as imagens do seu WP.
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. Segue 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!
Linux: Trimage
Inspirado no software acima, então não preciso dizer muito: é um bom otimizador de imagens!
Windows: RIOT
O mais completo de todos, também permite redimensionar imagens e arquivos PSD, além de formatos HDR e RAW.
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!
Não é permitida a reprodução integral desse conteúdo. A cópia pode ser ruim para você!
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!