Maybe you have seen in a game Minecraft, uTorrent and the like where they use a single PNG image where various icons are stored, but they get used on different locations in the program itself.
Example:
![[Image: 394]](https://camo.mybb.com/9be8e7eb49dbd635ad80699b8e253332c6dd89d2/687474703a2f2f7777772e75746f7272656e742e636f6d2f736b696e732f707265766965772f69642f333934)
How is this phenomenon called, cause i sure as hell dont know. How do you create this png, and where can i find examples(code) on how to achieve this?
its called a CSS Sprite. CSS is used to define the portion of that master image to display.
Sprite, used by big websites, YouTube, Google, etc.
Reduces load methinks.
they reduce the number of HTML requests made to the server and slightly reduce the overall ytes required to download a page as image headers are less, but you need to counter than with more CSS to download
Thanks a lot. Starting to explore on that
Yea... Ya use sprites when you code in like C++ and stuff too. One big sheet of a guy moving in different directions then you can use that to make the little dood move.
(2010-11-05, 07:47 PM)dikidera Wrote: [ -> ]Thanks a lot. Starting to explore on that
as far as I know, if you are going to do it in mybb, you need to build an entire theme and template set around sprites