Como reduzir imagens sem perder qualidade

É possível reduzir uma imagem em 90% ou mais, sem perder qualidade.

Um dos fatores mais importantes em otimização de sites é o tempo de carregamento do site, diversas coisas podem influenciar no tempo de carregamento do seu site, uma delas é o tamanho do arquivo de imagem que pode ser reduzido sem perder qualidade final.

Principais fatores que influenciam na velocidade de um site

Entre diversos fatores, listamos os mais importantes na hora de carregar seu site:

• Hospedagem: Velocidade do servidor e tempo de resposta;
• Programação: Arquitetura dos códigos html e css;
• Imagens: Tamanho (peso) das imagens;
• Plugins: Recursos instalados no site;

Você pode testar a velocidade do seu site através da ferramenta do Google: Page Speed

Como otimizar imagens para sites?

Na agência utilizamos um software profissional da adobe, o photoshop, que oferece um recurso avançado para otimizar imagens para web. Porém, nem todos possuem computadores potentes o suficiente para rodar esse software ou simplesmente não necessitam comprar uma licença pois não irá utilizar os demais recursos oferecidos.

Pensando nisso, vamos ensinar a você uma maneira alternativa para otimizar a imagem sem perda qualidade através de recursos gratuitos, sem necessidade de instalar nenhum software em seu computador:

1. Acesse o site: http://www.webresizer.com/resizer/ ou clique nesse link;
2. Envie a imagem que será otimizada clicando no botão “choose file” e depois em “upload image“, aguarde o carregamento da imagem;
3. Ajuste as configurações escolhendo um novo tamanho (recomendamos utilizar 640 de width ou 1280 dependendo de onde será utilizada a imagem), recomendamos que deixe o campo “Image Quality” em 70.
4. Após configurar a resolução e qualidade, clique no botão “Apply Changes“
5. Após aplicar as alterações, clique no botão: download this image
6. Altere o nome da imagem sem deixar espaços ou utilizar acentos, por exemplo: “controle_para_automacao.jpg” e pronto, pode enviar a imagem para o seu servidor.

Otimizando a imagem em seu site, sua página irá levar menos tempo para carregar,  isso irá oferecer a seus visitantes uma boa experiência e ainda seu site será favorecido pelos buscadores como o Google que utilizam esses detalhes técnicos para gerar seus resultados.

Leitura recomendada: Otimizando imagens (Google)

Vídeo: Como reduzir imagens sem perder qualidade

*Atualizado em 21/08/2015

Softwares gratuitos para otimizar imagens

Caso você prefira pode também utilizar algum software leve e gratuito em seu computador para realizar essa tarefa, entre diversos que já testamos vou dar a dica de dois que mais gostei, um deles foi uma dica deixada aqui nos comentários:

• Fotosizer
• Riot

*Uma vantagem em utilizar esses softwares é que você pode editar e otimizar diversas imagens de uma só vez.