09th mai 2009

CSS Sprites – use!

Preciso dar a mão a palmatória: eu nunca utilizei. Já vi essa técnica antes, já trabalhei com pessoas que a utilizaram, mas nunca me vi utilizando.

Do que consiste o CSS Sprite? Usar uma só imagem com várias imagens de background agrupadas nela e quando se vai usar o background num elemento do html, posiciona de forma correta a mesma por CSS.

A vantagem? Você só faz apenas uma requisição ao servidor para ter várias imagens ao mesmo tempo usadas no layout da página e, de quebra, diminui o tráfego de dados – o peso de um arquivo que agrupa n imagens é menor do que n imagens em arquivos separados.

Esse post da Creative Markup explica com precisão as vantagens da técnica e faz referência a ótimos tutoriais! Passem por lá :)

Posts relacionados

This entry was posted on sábado, maio 9th, 2009 at 13:36 and is filed under web 2.0. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Avalie

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas (No Ratings Yet)

8 Responses to “CSS Sprites – use!”

  1. maio 9th, 2009 at 16:29 Thiago Cavalcanti says with Firefox on Ubuntu

    Eu uso e recomendo. Contanto que haja um certo cuidado, é possível colocar tudo num arquivo só!

  2. maio 10th, 2009 at 12:39 Christian via Rec6 says with Via6

    CSS Sprites – use!…

    Técnica CSS que agrupa imagens em uma só, reduzindo consumo de banda e requisicões ao servidor…

  3. maio 11th, 2009 at 17:19 Guilherme Serrano says with Chrome on Windows XP

    Não tenho o costume de usar também, ah não ser em alguns plugins (jquery) que utilizam essa técnica por padrão…

  4. maio 11th, 2009 at 17:24 Luiz Paulo says with Firefox on Windows XP

    É verdade… Essa é uma boa técnica e também indico a utilização :P

    Bom post Chris.

    []‘s

  5. maio 11th, 2009 at 22:22 Mathieu says with Safari on Mac Os X 10.5

    Eu já usei. To ficando web-nerd demais. ;-)

  6. maio 12th, 2009 at 00:29 Chris says with Firefox on Mac Os X 10.5

    Abandonou o backend, Mathieu, e virou programador de interfaces? :P

  7. maio 23rd, 2009 at 14:16 Cayo Medeiros aka. yogodoshi says with Firefox on Windows XP

    Nunca usei, valeu a dica ^^

  8. março 1st, 2010 at 09:39 Wolmir says with Firefox on Windows XP

    Cara me parece ser bom e vantajoso usar css sprites.
    Acredito que esta tecnica visa ajudar no desenvolvimento sem maiores problemas mas
    vai de cada desenvolvedor dizer qual a menhor maneira para ele trabalhar….
    Para tudo existem pros e contras e todos tem sua opnião. Se o jQuery usa acredito ser uma
    tecnica bastante confiavél….
    Valeu!

Leave a Reply