Hours: Mon-Thu: 9 am - 5 pm / Fri: 9 am - 3 pm / Sat: 9 am - Noon
See Danico Holidays for our holiday schedule.
  • Danico Blog

    Sharing Center

    Tips, Tricks, & News to Help You Succeed
1 minute reading time (113 words)

What's a Sprite?


 At the first meeting of JUGCN (Joomla User Group Chicago North), this question came up, "What's a Sprite?"  

A Sprite is not a clear, cool refreshing drink.  It is a large image that combines all images into one.  

Why would you want to do this?  When your looking at improving performance, this may be an option.

How do you use it? To show the "right" section with your image, you update the background-position CSS property.  Some templates/themes do this with their internal icons.

What does this look like?  You might see something like this:

.icon-edit {
   background-image: url("images/mythemeimages.png;
   background-position: -96px -72px;

where the sprite is the image at the top which is similar to the sprite used by Twitter Bootstrap.

Joomla 3.8.4 Release
Celebrating MLK Day
Comment for this post has been locked by admin.


By accepting you will be accessing a service provided by a third-party external to https://danicoenterprises.com/