Processamento de imagens na prática

Qual o formato de arquivo de imagem mais usado na internet?

Recentemente me fiz esta pergunta ao escrever a introdução de um post sobre JPEG. Qual é o formato de arquivo para imagens mais usado na internet? Bom, perguntei ao google e adivinhe o que ele respondeu… GIF! Mas perguntando com jeito, ele confessou que é o JPG.

Na pesquisa avançada de imagens do google, deixei tudo em branco, só selecionei o tipo de arquivo, e obtive os seguintes resultados:

GIF – 389.000.000 (aproximadamente)
JPG – 337.000.000
PNG – 217.000.000
BMP – 61.600.000
TIF – 126.000

Fiquei surpresa com a vitória do GIF e comecei a examinar alguns sites dos meus bookmarks para ver se encontrava uma explicação. Claro, não demorei muito para lembrar que a grande parte dos gráficos de publicidade, assim como muitos botões, ícones e afins usam gif por causa do suporte à animação. Então isso não reflete a quantidade de arquivos usada para publicar imagens.

Foi então que reparei em outras opções da busca avançada, e fiz nova busca marcando a opção “conteúdo de fotos“. Não sei como o google separa as fotos de todo o resto, mas isso mudou o resultado da busca para:
JPG – 319.000.000
GIF – 99.800.000
PNG – 42.300.000
BMP – 20.200.000
TIF – 62.200


Imagem por aussiegall.

Vitória folgada do JPG. E não é difícil de entender. Eu mesma uso JPG no blog porque minha hospedagem tem um limite de armazenamento de dados e eu quero ficar longe dele por um bom tempo antes de ter que recorrer a um plano mais caro. O importante na internet é garantir que o leitor possa ver a imagem que você quer mostrar.

A imagem que coloquei aqui, ficou com 29,4 kB em JPG e 393 kB em PNG e 152 kB em GIF. Mas, atenção!, os gráficos que coloquei aqui estão em PNG, e ficaram com 4,37 kB. Fiz um teste com JPG e, para conseguir a mesma nitidez, teria que ficar com 25,1 kB.

Bom é usar a ferramenta certa para cada problema…

Comente

Você pode usar estas tags e atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>