A Importância da Otimizacão das suas Imagens

É importante otimizar as imagens do seu site?

Sim, é muito importante que você utilize imagens com resoluções mais baixas para a página do seu blog. Com o uso de imagens de alta resolução, isso fará com que a imagem seja 10 vezes maior do que realmente é necessário para o seu blog. Isso fará com que o upload demore muito para carregar, principalmente se a sua conexão é lenta, e por isso o uso de imagens com baixa resolução é essencial. Lembre-se que usuários da internet querem gratificações instantâneas, e isso quer dizer que eles querem ver a imagem ou post ali, na hora. Esse negócio de ficar esperando carregar acaba cansando alguns leitores.

Mas como fazer a otimização das suas imagens?

Para otimizar as suas imagens, e deixá-las com baixa resolução sem perder a qualidade, você precisa de alguns softwares que possam editar as imagens. Existem milhares desses softwares disponíveis online e também para compra e instalação diretamente no seu computador. Normalmente nos usamos o Fireworks da Adobe Package, mas se você não quer investir em um software, você pode usar o editor de imagens online como o PickMonkey, lembra dele? Lá você pode modificar, fazer molduras, texto e tudo mais, e o melhor é que ele é grátis e online!

Quais são alguns dos formatos  de imagem? Quais são as extensões com perda da qualidade e quais são as extensões sem perda?

Os três formatos mais comuns utilizados na web é .jpg (Joint Photographic Experts Group), .gif (Graphics Interchange Format), e .png (Portable Network Graphics). O  .jpg  é o formato “com perda” e .gif e .png são formatos “sem perda” .

Mas, o que significa dizer que .jpg é um formato  “com perda”?

Imagens com esse format (.jpg) acaba, sim, afetando a qualidade da sua imagem. Quanto mais você otimizar a sua imagem de  .jpg, menor será a qualidade da sua imagem. Do jeito que o .jpg trabalha, qualidade “0% ” é a menor qualidade, e a “100%” maior qualidade, que se resulta em arquivos muito grandes. Uma das nossas regras gerais aqui do CBBLogers é que tipicamente nós reduzimos as nossa imagens para 80% de qualidade, o que significa uma ótima qualidade para todas as nossas imagens.

Aqui vai alguns exemplos de qualidade de imagem com o formato do .jpg.

100% Qualidade, File Size: 255K

80% Qualidade, File Size: 55K

60% Qualidade, File Size: 39K

20% Qualidade, File Size: 19K

 5% Qualidade, File Size: 18K

Quando eu devo usar o formato do .png ?

O formato de .png é melhor para imagens que são feitas de simples objetos ou quando você precisa que parte da sua imagem seja transparente. Se suas imagens são de um fotógrafo, então você deve usar um formato .jpg. Se você quiser usar os arquivos como .png e quiser fazer a otimização das fotos, existem vários serviços pela internet, como o TinyPNG. Mas muito cuidado quando usar esses tipos de serviços, porque às vezes eles acabam otimizando muito e a sua foto acaba ficando “com perda”.

Quando eu devo usar o formato de .gif ?

Você deve fazer uso do formato de .gif  quando for colocar uma imagem animada, tipo “em ação”. Além das habilidade de criar imagens animadas, o formato de .gif é bem similar ao do .png, com a exceção de limitação de 256 cores, onde o formato de .png pode reproduzir 16.777.216 cores únicas.

Mais uma dica para o formato de .jpg

Outra dica para guardar: quando você for usar um formato de .jpg, você deve otimizar, mas não re-otimizar o mesmo arquivo. A primeira vez que você otimizar uma imagem no formato do .jpg você já perde um pouco de qualidade, e se você fizer em cima desse arquivo vai perder mais qualidade ainda. Então lembre-se, otimizar uma imagem apenas uma vez.

Você usa imagens otimizadas no seu blog? Que software você usa para fazer isso?

CBBlogers 

 

*imagens via Randy Son Of Robert  e Rowan Peter

Tags: apps, dicas tech, imagens, segredos de sucesso, software