A cena é clássica, se você usa a internet há mais de 10 anos: O “uébidesainer” quer exibir uma imagem na página mas não a trata antes, adequando-a ao tamanho correto. Aí, para que a imagem caiba no documento, ele acaba forçando um tamanho qualquer com os atributos “height” e “width” do html e acha que o trabalho está encerrado. Claro, a imagem ficou um pouco distorcida, serrilhada, mas quem se importa?

O problema é quando a imagem é muito pesada, e o “profissional” ignora qualquer bom senso na hora de usar os atributos de altura e largura. Vejam essa página, por exemplo (e ignorem que “São Paulo” virou “São Paolo”): reparem em como as fotos demoram uma pequena eternidade para serem carregadas. O motivo? Deêm uma olhada nas propriedades da imagem:

Isso mesmo: a imagem tem 1 MEGABYTE e 2100X1587 pixels de tamanho, e foi colocada na página, em forma de “thumbnail”, usando os atributos de altura e largura do HTML. E se isso não é suficiente, ele ainda colocou as imagens em formato GIF, ao contrário de um JPEG, que poderia ter tornado a imagem um pouco menos pesada.

Gênio.

(contribuição de mushi-san)