Curso de Performance Web Aula 04 Como juntar várias imagens em uma só - CSS Sprite

Nessa vídeo aula vamos aprender como utilizar e conhecer a técnica de CSS Sprite. O CSS sprite proporciona melhor performance ao site e menos requisições HTTP.

O CSS Sprite é a técnica de utilizar uma única imagem que contem várias imagens em posições diferentes dentro dela. Estas imagens apenas aparecerão através da propriedade do CSS background-position.

Um site com muitas imagens pode demorar muito tempo para carregar e gera várias requisições. Através do sprite menos imagens são usadas e ocorre a redução do número de pedidos ao servidor deixando o site muito mais rápido para abrir e carrega todas as imagens do CSS Sprite de uma única vez.



Hospedagem Profissional de Sites