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!

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

imagens leves jpegmini
No JPEGmini você pode deixar imagens mais leves… mas apenas JPEGs!

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

reduzir imagens wordpress ewww image optimizer
Reduza suas imagens automaticamente em seu WordPress.

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

deixar imagens mais leves riot
Vê alguma diferença entre as imagens? Agora olha a diferença no peso delas!

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!

Não é permitida a reprodução integral desse conteúdo. A cópia pode ser ruim para você!

Do que você está precisando?

Um site novo? Suporte para WordPress? Criação de logo? Outra coisa? Fale comigo!

Quero um orçamento

Leia também...

...alguns textos que têm a ver com o assunto:

WordPress SEO: plugin Yoast SEO

Conheça o plugin Yoast SEO, antigo WordPress SEO, e deixe seu site mais otimizado! Confira algumas dicas e saiba como usar o plugin de SEO para WordPress.

Como melhorar o SEO de seu site visando subir nas buscas

Quer saber como otimizar ainda mais seu site? Saiba como é feito um trabalho de SEO e siga os passos para ter um site melhor indexado.

BRB: plugin WordPress para deixar seu site “em construção”

Veja como deixar seu site em modo de manutenção de maneira fácil com uma página simples utilizando esse plugin para WordPress.

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.

    Responder
    • Essas dicas junto com o “salvar imagem para web” certamente te ajudarão bastante!

      Responder
  • 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.

    Responder
    • Que bom, Soraya! :D

      Responder
  • Cara, vc salvou a minha vida!
    Receba minha eterna gratidão!!!
    Esse RIOT é a invenção do século!

    Responder

Deixe seu comentário

Se você deseja um orçamento, entre em contato clicando aqui.

Quero um orçamento