Viamão Lotado

Você fez uma escolha importante e, na minha opinião, mais lúcida: vai hospedar no seu próprio host as imagens que você vai usar nos seus posts. Ótimo. Mas em contra-partida quer otimizar ao máximo esse trabalho para que ele não consuma um recurso que pode sair caro, que é a banda. Vou dar algumas dicas para que isso não aconteça e você não tenha sustos como vez por outra encontrar seu blog fora do ar com o erro 509 (Bandwidht Limit Exceeded).

Saiba escolher o formato da imagem

PNG, GIF e, céus, TIFF são excelentes formatos que permitem oferecer poderio gráfico para algum trabalho mais específico. Aqui estamos falando de banda escassa ou racionalizada e de imagens que vão apenas ilustrar e ajudar a transmitir uma idéia. Você não vai ganhar nenhum concurso de photoshopeiro funboy com seu blog, a menos que ele se proponha a isso. Use imagens em formato JPEG que te permite uma compactação maior sem perder tanta qualidade. Uma boa imagem otimizada pode passar de seus absurdos 150kb para otimizados e ecologicamente corretos 20, 25 kilobytes.

O tamanho em pixels da sua imagem precisa condizer com o tamanho do seu blog

Nada de pegar imagens em 1024×728 e sair postando no seu blog. Não preciso lembrar você que nos propusemos a usar imagens somente (e tão somente) para ilustrar e completar idéias para o seu texto. Se não há necessidade de explicar o que você está escrevendo com uma imagem grande em resolução, então elimine aquele link maravilhoso de “clique aqui para ampliar“. Se você economizar no tamanho, economize. O mais importante é o texto, não esqueça disso.

Tenha um bom editor de imagens instalados no seu PC

Um editor de imagens prático e ágil instalado no computador é pré-requisito para qualquer blogueiro que se preze. Você pode se virar com softwares como o Picasa, por exemplo. Mas se tiver a oportunidade, instale um Photoshop, um Fireworks ou até mesmo o simplório Paint Shop Pro.

Ferramentas ONLINE para otimização de imagens

Se você não quiser instalar um software freeware ou quiser economizar numa licença de softwares como Photoshop ou Fireworks, pode usar duas ferramentas online que fazem o serviço parecido:

Online Image Optimizer – Limite de 300kb para “subir” a imagem a ser otimizada e só mexe na “qualidade” da imagem e não nas dimensões dela (o que, vendo abaixo, vai ajudar na otimização).

Image Optimizer .Net – Sem limites de upload e permite fazer o redimensionamento.

Um exemplo prático

Para dar um exemplo prático, achei um blogueiro que reclamou em um post que sua banda no PhotoBucket chegou ao limite. Ele provavelmente não sabe, mas aqui no metablog ele vai ganhar uma consultoria na faixa. Vamos aos fatos.

Como ia dizendo, ele reclamou que sua banda chegou ao limite. Não importa se é no PhotoBucket ou no seu próprio blog que as imagens são hospedadas, se há um limite ele deve otimizar. Mas vendo as suas imagens postadas, notei que quase nenhuma está abaixo dos 100kb. Como já disse na série, o ideal é que uma imagem nunca ultrapasse os 20kb. Uma delas, com 150kb:

Nota: outro erro muito grave que um blogueiro comete ao postar uma foto é não alterar a resolução dela em pixels. Não somente a resolução de pontos por pixels (DPI), mas o tamanho dela, horizontal e vertical. Vemos que a foto original do post dele estava redimensionada para 490px x 328px. Salvando a foto no PC, notei que ela tinha 748px x 500px. Ou seja, ela foi redimensionada para exibição, mas ela carregava o tamanho original.

Salvei a imagem no meu computador, editei no Macromedia Fireworks 8 e exportei em JPG, diminui a qualidade dela e um pouco da resolução para “caber” no post sem sobrar para os lados. Vejam o resultado:

Agora a imagem tem 450px x 301px, com a “qualidade” menor e 10x mais “leve”. O resultado é uma imagem de 16kb.

Fazendo uma pequena continha de matemática básica, na foto original do blog dele, 500 pessoas por dia visualizando aquela foto consumiriam mensalmente um total de banda de 2,15gb. A MINHA imagem otimizada consumiria 0,22gb no mesmo período. Uma economia de mais de 85%.

Exemplo prático usando os serviços online de otimização de imagens

O mesmo resultado de otimização, porém mais rápido, gratuito e online.

Conclusão da série

Usem essas dicas e não terão dores de cabeça com banda no blog. Ou pelo menos não por causa de falta de planejamento.