Como Otimizar as Imagens do seu Site?

Celso Lemes — Wed, 22 Dec 2010 12:46:59 +0000

Este artigo foi escrito por Rogério Gomes que é um especialista na plataforma E-Commerce e que mantém o site WRG Sites.

Umas das formas de melhorar o desempenho do site é otimizando as imagens, para que o tempo de carregamento do site seja menor.

Hoje vou apresentar uma ótima Ferramenta Online da DynamicDrive, para otimizar qualquer tipo de imagem que tenha no seu computador ou mesmo online.

Para comprovar sua eficácia, vamos otimizar essa imagem na lateral, sobre o Curso Profissão Problogger que o Celso oferece, copiando o endereço completo da imagem http://www.criarsites.com/wp-content/uploads/2010/09/profiss%C3%A3o-problogger-365×365.jpg

Agora acesse a Ferramenta Online da DynamicDrive e cole o link de uma imagem que tem no seu site (como estou fazendo aqui) ou mesmo, faça o upload de um imagem salva em seu computador.

Obs: Lembrando que se preferir, pode escolher outro formato para a imagem já convertida, mas no nosso caso, vamos manter o resultado em JPG. Também não se esqueça de marcar a opção “show all results”, para que possa visualizar na tela, as 10 imagens convertidas.

Assim fica mais fácil escolher a melhor imagem para trabalhar no seu site.

Clique em “Optimize” para conferir o resultado.

A Imagem original que usei tem 51.8 kB, vamos conferir no quadro abaixo o tamanho da
mesma imagem ao passar por variados índices de qualidade,

Imagem Original – 51,8 kb
Imagem com qualidade 80, 50.0 kB
Imagem com qualidade 50, 41.1 kB
Imagem com qualidade 30, 37.3 kB
Imagem com qualidade 10, 31.7 kB

Perceba que apenas passando a imagem por essa ferramenta é possível obter um grande
ganho de desempenho, pois de 51.8 kb, a mesmo imagem chegou a ter 31.7kb.

Quanto mais imagens conseguir otimizar com a Ferramenta Online da DynamicDrive, melhor será o desempenho no seu Site.

Este artigo foi escrito por Rogério Gomes que é um especialista na plataforma E-Commerce e que mantém o site WRG Sites.

Mais Artigos que você pode estar interessado

Agilize o carregamento de suas páginas – Otimize suas imagens

Celso Lemes — Sat, 20 Sep 2008 23:18:05 +0000

Hoje eu estava respondendo aos comentários deixados aqui no Criar Sites e me deparei com o comentário do Marcos do Open 2 Tech.

Ao visitar o site eu reparei com um artigo intitulado Otimize suas imagens, facilite a vida de seu leitor e economize banda que me chamou a atenção.

Na página ele fala sobre o serviço de otimização de imagens oferecido pela Dynamic Drive chamado Online Image Optimizer onde você pode otimizar suas imagens a fim de torná-las mais leve antes de adicionar ao seu site.

A idéia desta ferramenta é simples, quanto mais leve as imagens do seu site, mais rápido é o carregamento da página, que torna o site mais acessível para os visitantes com conexões lenta, além de diminuir o consumo de recursos do servidor.

Visite o Blog do Marcos, lá você encontrará dicas de como utilizar o serviço oferecido pela Dynamic Drive.

Mais Artigos que você pode estar interessado