Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala galera beleza
E o seguinte, já ouvir muitas pessoas dizendo que usando background para carregar img com varios icones economiza tempo de carregamento do site.
exemplo de uma img com varios icones abaixo:
/applications/core/interface/imageproxy/imageproxy.php?img=http://3.bp.blogspot.com/-mnwLoyqQvLU/UBMxpBovSaI/AAAAAAAAALY/CtXnYWU9VlE/s320/bg_icones.png&key=83553c1cc2048221b9cf06641c3b5518721a2368a0934cd1f136d0d1578a7137" alt="bg_icones.png" />
o css:
#google{background: url('http://meusite/images/icones.png') no-repeat -455px -198px;width: 100px;height:30px;}
#facebook{background: url('http://meusite/images/icones.png') no-repeat -355px -98px;width: 100px;height:30px;}
#msn{background: url('http://meusite/images/icones.png') no-repeat -155px -38px;width: 100px;height:30px;}
#orkut{background: url('http://meusite/images/icones.png') no-repeat -55px -10px;width: 100px;height:30px;}
*como vocês viram acima no exemplo css, existe 4 carregamento de img usando background, essa img carregada pelo background não vai está baixando 4 vezes a img inteira, no caso acima a img icones possui 33.91KB
*não seria melhor baixar os icone de cada vez e os ícones sejam img separadas! e usando backgroud-image
qual a opinião de vocês
Carregando comentários...