Você sabia que o que mais deixa um site lento são as imagens pesadas? com isso os usuários que estão acessando o seu site e que não tem uma boa velocidade de conexão com a internet irão sair do site se ele estiver lento, principalmente os usuários que acessam via celular, além disso o Google não irá mostrar o seu site nas primeiras páginas de busca. Se for enviar uma imagem para uma página do aplicativo a atenção tem que ser redobrada, para não deixar o app lento e perder usuários.

Qual o tamanho correto para as imagens? Essa é a pergunta feita pelos nossos clientes. Isso dependerá do tamanho da imagem na página.
– Imagens ocupando 1/3 da largura da página. Recomendamos largura máxima de 600 px com até 40 KB
– Imagens ocupando metade da largura da página. Recomendamos largura máxima de 800 px com até 60 KB
– Imagens ocupando a largura total da página. Recomendamos largura máxima de 1600 px com até 100 KB

Neste tutorial vamos lhe mostrar a otimizar e comprimir imagens de duas maneiras, a primeira é usando sites de compressão online, que vão ajudar um pouco, e a segunda maneira é usando programas, vamos mostrar o Caesium, um programa simples e o Gimp, um programa profissional que vai deixar suas imagens leves e o seu site bem mais rápido.

1. Sites compressores de imagens online

A forma mais fácil de diminuir o tamanho em Megabytes ou kilobytes das suas imagens são os sites compressores de imagens, apesar de não serem tão eficientes como os programas que vamos mostrar abaixo, já ajudam a deixar suas imagens mais leves.

Você pode pesquisar por “compressão de imagem online” no Google” ou visitar um dos sites abaixo:

Os sites acima funcionam assim, você envia a sua imagem para o site, ele compacta e após disponibiliza a imagem otimizada para você efetuar o download da mesma para o seu computador e enviar para o seu site.
 

2. Otimizando imagens com o Caesium

O Caesium é um programa simples mas que vai reduzir drasticamente o tamanho em kilobytes das suas imagens. Você pode baixar o programa no site https://www.baixaki.com.br/download/caesium.htm

Para otimizar imagens no Caesium é muito simples
1. Clique em “Arquivo” e depois em “Abrir” para abrir uma imagem ou várias
2. Aperte no ícone com os três pontinhos e escolha a pasta de saída, ou seja, a pasta onde as imagens otimizadas serão salvas
3. Agora clique em “Comprimir”, as imagens vão ser otimizadas e salvas na pasta que você especificou. 

3. Otimizando suas imagens com o Gimp

Se você quer usar um programa profissional, então use o Gimp. Ele é um clone gratuito do famoso Photoshop. Com esse programa você pode reduzir drasticamente o tamanho em megabytes das suas imagens e até mesmo o tamanho em pixel. Apesar de você ter que baixar e instalar este programa em seu computador, vale a pena usá-lo pois é um programa profissional e recomendável. Você pode baixar o Gimp em português neste site https://www.gimpbrasil.org/downloads 

Após baixar e instalar abra o Gimp e comece a otimizar imagens. Para comprimir uma imagem siga os passos a seguir
 
1. Clique em “Arquivo” no menu do topo no canto superior esquerdo e depois em “Abrir” para abrir a imagem que deseja
2. Se deseja diminuir o tamanho em pixeis também, clique em “Imagem” e depois em “Redimensionar Imagem”
3. Defina a Altura e Largura desejadas, vai diminuir a altura e largura proporcionalmente
     – Dica. para diminuir altura independente da altura clique no ícone de corrente no lado direito onde digitou a largura e altura

4. Clique em Redimensionar. Pronto! Sua imagem ficou menor

Agora você pode ainda comprimir a sua imagem.

  1. Clique em “Arquivo” e depois em “Exportar’
  2. Insira o nome da imagem e a extensão .jpg no final. Exemplo imagem1.jpg
  3. Clique no botão Exportar
  4. Agora diminua a qualidade deslizando o controle para à esquerda para otimizar sua imagem
  5. Clique em exportar de novo

Pronto sua imagem está no tamanho desejado em pixels, e ainda está otimizada.