CSS sprite to speed up my site

  • Hi

    In my pages I have to load 5 little and colored images, to comment each widget element (you can see in https://www.lemappedelpensiero.it/wordpress/ ).
    I’ve set them in the style.css file, to load as background image behind an empty text for widget names.

    Well.. I’m trying to use the “css sprite” method to speed up the download of my website elements and load a single image and “break up” it in the pages?

    Does it exist a plugin that makes this magic? ??
    Maybe I’m asking too much to our dear WP environment? :-S

    Thanks a lot

    Alberto

Viewing 1 replies (of 1 total)

  • You would use 1 single background image and just offset it. I do recommend this though, it is good practice especially if you have hovers set.

    An example would be:

    #foo { background: url(‘../images/yourimage.jpg’) repeat-x 0 0px; }
    #foo2 { background: url(‘../images/yourimage.jpg’) repeat-x 0 25px; }
    #foo3 { background: url(‘../images/yourimage.jpg’) repeat-x 0 50px; }

    The first number represents the horizontal position, and the second represents the vertical.

Viewing 1 replies (of 1 total)
  • The topic ‘CSS sprite to speed up my site’ is closed to new replies.