Como otimizar imagens para Web

Olá tudo certo? quero saber uma coisa, você sabe como otimizar as imagens utilizada no seu blog?

A maioria dos iniciantes não sabem como salvar a imagem corretamente e isso pode trazer um enorme impacto no desempenho do seu blog.

Imagens pesadas reduzem a velocidade de carregamento de sua página atrapalhando seu posicionamento no Google e com certeza fazendo você perder visitas.

Nesta postagem vou te mostrar a forma correta que como otimizar imagens de forma correta para seu blog e mais uma dica de uma ferramenta online.

Sugiro também a leitura de Porque usar Título da Imagem e Texto Alternativo

Como otimizar imagens para Web

Antes você precisa saber que existem duas coisas a considerar quando salvar uma imagem: o formato do arquivo e a compressão.

Para a maioria os únicos formatos conhecidos são JPEG e PNG.

Uma dica: Utilize JPEG sempre para imagens e fotos com muitas cores e quando precisar de alguma transparência utilize o PNG.

Como salvar uma imagem no Photoshop

O Photoshop é um ótimo software para edição de imagens, aconselho muito instalar em seu computador e estudar um pouco essa ferramenta.

No Photoshop existe uma opção para salvar imagens otimizadas para web, veja na imagem abaixo.

Salvar para Web - Photoshop

Ao finalizar sua edição escolha a opção “Salva para web” e configure na próxima tela a opção de compressão e a extensão que pode ser JPEG ou PNG.

Veja também:  [Dica] Como adicionar um Widget Flutuante

Configuração da imagem para web

Realizei um teste com a imagem do cachorrinho da postagem e veja os valores:

Teste de otimização de imagem para web

Pronto veja a diferença do peso da imagem usando o “salvar para web” e com o salvamento padrão.

Ferramenta Online para otimizar imagens

Existe um ótimo site chamado TinyPNG que reduz o peso da imagem em até 70%, olha que maravilha!

O processo é bem simples na página principal você carrega as imagens e o site faz a compressão informando o percentual e o link para realizar o download da imagem, muito fácil!

O TinyPNG pode comprimir até 20 imagens com 5mb cada.

Realize dois teste com uma imagem em .png e outra .jpeg para ver o poder de compressão do site veja o resultado abaixo.

Teste compressão do site TinyPNG

Realmente o site reduziu as imagens, pode ver que ele otimizou em pelo menos 1mb, essa é uma ótima opção para quem não tem o Photoshop.

Agora você não tem mais desculpas para não otimizar as imagens do seu blog.

Espero que tenha gostado das dicas de como otimizar imagens para web e caso utilize outras ferramentas pode comentar logo abaixo.

Compartilhe esta postagem para algum amigo que esteja com dificuldades para otimizar as imagens do blog tenho certeza que ele vai gostar dessa ajudinha 😉

Até mais!

 

Gostou da postagem? Vote abaixo!

Como otimizar imagens para Web
5 (100%) 6 voto[s]

Veja também:


Ultrapack V2

O blog te ajudou? ajude o blog!

Os valores doados serão utilizados para pagar os custos do blog, como hospedagem e domínio.

Doação para o WP College

4 Comentários - Adicionar Comentário

Resposta

Deixe uma resposta

Cadastre-se para receber GRÁTIS minhas melhores dicas!