Como fazer CSS Sprites sem saber CSS

CSS Sprites é uma técnica que visa unir todas ou diversas imagens de uma página num único arquivo, fazendo com que o tempo de carregamento do site seja diminuído. O principal efeito dessa técnica é diminuir drasticamente o número de requisições HTTP que, quando em grande quantidade, atrasa o carregamento da página.

A lógica é a seguinte: se seu site possui 10 imagens, cada vez que o visitante visualizá-la, o navegador terá que buscar cada uma delas.

Utilizando CSS Sprites, essas 10 imagens serão transformadas em apenas uma, e os linkas associados à cada uma delas serão posicionados através de regras CSS, o que é feito automaticamente quando o navegador carrega o CSS.

Geradores para fazer CSS sprites
Exemplo de efeito obtido com CSS sprites

Para criar esse tipo de efeito do zero, é necessário saber CSS. No entanto, existem sites que fazem automaticamente quase tudo. Basta apenas enviar as imagens e, caso queira, fazer alguns ajustes, e pronto.

Vou listar alguns sites que geram automaticamente CSS Sprites, disponibilizando, em seguida, tanto a imagem quanto o código CSS. São eles: Spritegen, csssprites.com e o spritebox.net..

Bom trabalho.

5 comentários em “Como fazer CSS Sprites sem saber CSS

  • 20 de junho de 2020 em 21:49
    Permalink

    Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my
    blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with
    something like this. Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward to your new updates.

  • 21 de junho de 2020 em 8:53
    Permalink

    If some one wants expert view on the topic of blogging and site-building afterward i
    advise him/her to pay a visit this blog, Keep up the good work.

  • 21 de junho de 2020 em 21:55
    Permalink

    Have you ever thought about creating an ebook or guest authoring on other sites?
    I have a blog centered on the same information you
    discuss and would really like to have you share some stories/information. I know my audience would enjoy your work.
    If you are even remotely interested, feel free to shoot me an e-mail.

  • 26 de junho de 2020 em 16:17
    Permalink

    What’s up every one, here every person is sharing these knowledge, so it’s nice to read this webpage, and I used
    to go to see this blog daily.

Deixe uma resposta

O seu endereço de e-mail não será publicado.