Otimizando imagens via desktop

Opa, galera! Tudo bom ? Aqui quem fala é o Murilo Terrabuio da equipe do SSF.

Hoje tenho uma dica muito interessante para vocês, como otimizar imagens antes de subir no seu site utilizando algumas ferramentas.

Antes de eu explicar, vale lembrar, que quando uma pessoa acessa seu site, ela vai fazer uma espécie de download (a grosso e simples modo de expressar) do seu site no computador dela, incluindo as imagens, textos, fontes, etc. Então, vamos imaginar que uma pessoa está utilizando uma internet de baixo desempenho, o que é muito comum em cidades pequenas (como a minha) e em nosso país, então ela vai ter que baixar todo o site para poder navegar de maneira prazerosa. Agora imagine que tem 30 imagens todas pesando 2 MB cada uma com dimensões exageradas, fica difícil, não é ? Além de, o GooglePageSpeed, que verifica o desempenho do seu site (aprenda como verificar o desempenho do seu site neste link) indicar que suas imagens são pesadas e baixarem sua pontuação no rankeamento do Google.

Com foco em resolver este problema de nossos queridos leitores, separei duas ferramentas que eu estou sempre utilizando antes de subir nos sites; a Caesium, onde eu utilizo para diminuir o peso da imagem e a Fotosizer a qual eu utilizo para redimensionar sem distorcer uma imagem.

Existem ferramentas melhores e metódos mais simples ? Sim! Porém eu acho extremamente fácil e eficiente estes meios, pois além de prático, rápido e intuitivo, as imagens não perdem qualidade.

Vou mostrar na prática os resultados obtidos.

Repare nos campos em vermelho, as dimensões (largura e altura) e o tamanho (peso) das imagens. Esta é uma imagem extremamente pesada e grande, o que excede a necessidade de um site.

1-) Após selecionarmos as imagens, primeiramente vamos abrir o programa chamado Caesium e fazer upload da imagem. Feito isso, devemos selecionar a nova qualidade de imagem, 80% é uma margem muito boa, onde mantém a qualidade e diminui grande parte do peso (Como pode ser visto no primeiro quadrante inferior da imagem abaixo). Logo feito isso, escolheremos a pasta de saída e se iremos renomear a imagem. Caso você queira manter a imagem original (com peso e dimensões originais), você deve selecionar os 3 campos do segundo quadrante inferior, caso não queira manter, apenas remova o compressed e deixe a imagem cair na mesma pasta que está a original com o mesmo nome. Para alterar o diretório de saída da imagem, remova a marcação de “Keep Structure” e escolha a pasta saída. Com tudo certo, apenas clique em comprimido e veja o novo PESO da imagem.

Agora vamos alterar as dimensões da imagem, que estão extensas. Obs: isso ajudará MUITO a reduzir tamanho (peso) da imagem. Vamos lá.

2-) Abra o programa Fotosizer e suba a imagem. No campo Tamanho (quadrante da direita), você deve selecionar a opção “Manter Proporção” e depois escolher o novo tamanho. Este tamanho vai variar da sua necessidade. Como pode ser visto na imagem abaixo, escolhi o tamanho 1400 de largura e ele automaticamente jogou 933 de altura, para não ocorrer distorção na foto, isso é MUITO útil, pois geralmente se vê na internet, imagens totalmente distorcidas.

Após escolher as dimensões, desça a setinha lateral ou use o scroll down do mouse e escolha as pastas de saída, como pode ser visto na imagem abaixo. Novamente você pode escolher entre manter o original ou não. Feito isso, só clicar em Iniciar e verificar as novas dimensões da imagem.

Após terminado a imagem, repare a diferença entre peso e dimensões. De 2,68 MB caimos para 157 KB, uma redução de quase 95% em seu peso. E o melhor é que, você pode fazer isso com todas imagens de uma vez só =) . Apenas deve selecionar todas de uma vez.

Gostou desta dica ? Pode parecer que não seja útil, mas otimizar seu site em 95% com poucos cliques é algo que todos deveriam fazer antes de subir uma imagem.

Qualquer dúvida, pode nos escrever e deixe seu comentário aqui em baixo, esperamos ter ajudado.

Forte abraço