O que é otimização de imagens?
A otimização de imagens é uma técnica que visa reduzir o tamanho da sua imagem original, atualmente existem alguns softwares responsáveis por realizar este serviço gratuitamente sem a perda de qualidade, nesse tutorial utilizaremos o site TinyPNG para reduzir a sua imagem.
Por que a otimização de imagens é importante para seu site?
A otimização da imagem é fator muito importante para a velocidade de carregamento do seu site, um website que carrega rápido é bem visto aos olhos do buscador Google, se você tem um site lento, torna-se difícil ficar próximo a primeira página do Google, pois, sites que estão na 1º posição do Google recebem mais acessos.
Como fazer redução de imagem com o TinyPNG?
Entre no site da TinyPNG, clique aqui para acessar o site.
Quando você entrar no site, irá visualizar uma tela similar a esta:
Após ter acessado o site, coloque as imagens que deseja reduzir o seu tamanho em alguma pasta do seu computador, irei neste exemplo colocar na área de trabalho como mostra a imagem:
Agora volte ao site da TinyPNG e clique no botão que está no centro da tela, onde está escrito “Drop your .png or .jpg files here!”.
Nesse botão em que a seta mostra na imagem:
Irá aparecer uma tela para você enviar suas imagens, acesse o local onde guardou as suas imagens, neste exemplo a pasta está na área de trabalho com o nome “imagens para reducão”:
Quando tiver acessado a pasta onde guardou suas figuras, selecione as imagens que deseja enviar para o site.
Caso não saiba fazer a seleção da imagem faça assim:
Clique no botão esquerdo do seu mouse e segure, e siga arrastando a seta do mouse encima das imagens que você deseja selecionar, deixando as imagens marcadas, e logo após ter feito a seleção das imagens desejadas, solte o botão esquerdo do seu mouse.
Veja na figura abaixo as duas imagens selecionadas:
Após ter selecionado as imagens desejadas clique no botão abrir, veja na imagem:
Agora, espere o site fazer a redução das imagens selecionadas por você, e logo após, clique no botão “download all”, e salve o arquivo em algum local do seu computador.
O arquivo que você baixou está compactado, então caso você não tenha o programa winrar faça o download e instale em seu computador, clique aqui para baixar.
Caso você já tenha o winrar, abra o arquivo baixado, selecione todas as imagens e arraste para uma pasta do seu computador ou em sua área de trabalho, neste exemplo estou fazendo na área de trabalho, dessa forma:
Finalmente suas imagens já estão otimizadas e prontas para o uso em seus sites, e caso tenha surgido alguma dúvida confira nosso tutorial em vídeo que está no início desta postagem.
Após ter acessado o site, coloque as imagens que deseja reduzir o seu tamanho em alguma pasta do seu computador, irei neste exemplo colocar na área de trabalho como mostra a imagem:
Agora volte ao site da TinyPNG e clique no botão que está no centro da tela, onde está escrito “Drop your .png or .jpg files here!”.
Nesse botão em que a seta mostra na imagem:
Irá aparecer uma tela para você enviar suas imagens, acesse o local onde guardou as suas imagens, neste exemplo a pasta está na área de trabalho com o nome “imagens para reducão”:
Quando tiver acessado a pasta onde guardou suas figuras, selecione as imagens que deseja enviar para o site.
Caso não saiba fazer a seleção da imagem faça assim:
Clique no botão esquerdo do seu mouse e segure, e siga arrastando a seta do mouse encima das imagens que você deseja selecionar, deixando as imagens marcadas, e logo após ter feito a seleção das imagens desejadas, solte o botão esquerdo do seu mouse.
Veja na figura abaixo as duas imagens selecionadas:
Após ter selecionado as imagens desejadas clique no botão abrir, veja na imagem:
Agora, espere o site fazer a redução das imagens selecionadas por você, e logo após, clique no botão “download all”, e salve o arquivo em algum local do seu computador.
O arquivo que você baixou está compactado, então caso você não tenha o programa winrar faça o download e instale em seu computador, clique aqui para baixar.
Caso você já tenha o winrar, abra o arquivo baixado, selecione todas as imagens e arraste para uma pasta do seu computador ou em sua área de trabalho, neste exemplo estou fazendo na área de trabalho, dessa forma:
Finalmente suas imagens já estão otimizadas e prontas para o uso em seus sites, e caso tenha surgido alguma dúvida confira nosso tutorial em vídeo que está no início desta postagem.