Já enfrentou o problema de entrar em um site e quando vai passar com o mouse em cima do botão, o mesmo demora para mudar para a versão “hover” (ex. mudar de cor)? Ou quando vai votar usando aqueles links de estrelhinhas, elas demoram para mudar de cor?
Isso era um problema que fazia todo desenvolvedor web coçar a cabeça, e uma das soluções criadas antigamente era um javascript que forçava o navegador do usuário carregar as imagens que iriam provavelmente aparecer para o usuário. Com a chegada dos webstandards, a solução foi simples: juntar as versões numa imagem e mudar o posicionamento via css, veja um exemplo disso no botão usado no TodaOferta:
Mas o Youtube foi além, para que o usuário ja fique com todas as imagens cacheadas em sua máquina, ele resolveu colocar todas os seus ícones e imagens em uma só imagem, veja:
Soluçao boa? Muito. Mas será que vale a pena o trabalho de posicionar cada icone?
