Hours: Mon-Thu: 9 am - 5 pm / Fri: 9 am - 3 pm / Sat: 9 am - Noon
  • Danico Blog

    Sharing Center

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

What's a Sprite?

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.

×
Stay Informed

When you subscribe to the blog, we will send you an e-mail when there are new updates on the site so you wouldn't miss them.

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

Comments

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