CSS Sprites - mais do que apenas "performance amigável" com o plugin jQuery spritely

Sprites CSS são usados ​​em web design "normal" para uma variedade de seqüências de imagens para usar desempenho-friendly.

Aplicação típica é uma mudança gráfica com "mouse-over".

Uma possibilidade seria algo para todos os estados (fora do mouse e mouse-over) para produzir um arquivo de imagem e definir a mudança por meio de código CSS. Este método deve ser carregado 2 arquivos físicos a partir de servidores Web através de solicitação HTTP - não tão grandes para o desempenho.

Quando se utiliza sprites CSS são ambas as sequências de imagem em um arquivo localizado adjacentes uns aos outros ou uns com os outros ea imagem de mudança de, por sua vez definida através de CSS (imagem de fundo). Qual seção da seqüência de imagem é exibida é determinada pelo atributo CSS "background-position". Nesta variante é apenas um arquivo físico através de http carga de pedidos e, assim, o desempenho é amigável.

No exemplo acima, havia apenas duas seqüências de imagens. Sprites são realmente eficaz se for uma sequência completa de imagens - semelhante a um livro flip-- é (por exemplo, uma ave vibrar, uma pessoa que executa, etc.)

Este plugin spritely

Que outras possibilidades sprites CSS envolvem, mostra-lhe o plugin jQuery spritely . Com opções de configuração simples podem ser simulados animações fantásticas. Uma ótima solução para aqueles que ainda insistem em Flash.

Confira o site em absolutamente plugin! Há o Möglichkietn impressionante apresentado.

Mais links sobre CSS Sprites:

• jQuery e CSS Sprite animação explicado em 5 minutos
• CSS sprites simplesmente explicado
• CSS Sprites - Performance Site na internet 1
• CSS Sprites: O que são, por que eles são frios, e como usá-los
• CSS Sprites w / out Usando imagens de fundo
• Mostrar ícones usando uma única imagem e CSS "sprites"
• Economizando largura de banda e velocidade do site Melhorar Usando CSS Sprites