Como fazer otimização de imagem com o TinyPNG?

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:

como otimizar imagem com tinypng - otimização de imagens - otimizar imagem



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:

otimização de imagem - otimizar imagem com tinypng - reduzir imagem para site



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”:

otimização de imagens com tinypng


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:

otimizar imagem para site usando tinypng - saiteria


Após ter selecionado as imagens desejadas clique no botão abrir, veja na imagem:

otimização de imagens para seu site ou blog - saiteria - como otimizar 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.

como otimizar imagem para site - otimização de imagens - criação de site salvador saiteria


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:
otimizar imagem para site - como fazer otimização de imagens - reduzir imagem para site


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.

Confira também:

Dicas, 07.OUTUBRO.2019 | Postado em Site


  • 1
Exibindo 1 de 1

Carregando...