The person graphics can then be displayed by appropriately positioning the graphic as a background picture on the desired location.
That sounds sophisticated and requires plenty of fine-tuning. It might be with out the next helpful instruments:
Optimize Web site: If you wish to equip an current web site with CSS sprites (which I like to recommend to everybody), the SpriteMe software may help.
Merely go to spriteme.org and drag the hyperlink displayed there into the bookmark bar of your browser. Now you can name up the software by clicking on the hyperlink.
It then analyzes the presently open web site and suggests a sprite mixture which could be downloaded straight as a completed graphic.
SpriteMe additionally generates the suitable CSS code, which you solely have to incorporate in your web site along with the graphic.
Sprite graphics from particular person graphics: With a view to mechanically generate a Sprite graphic + CSS code from particular person graphics, you merely add your graphics as ZIP packed to the CSS Sprite Generator. The software does the remainder.
Generate CSS from Sprite Graphics: In case you have already made a Sprite graphic your self and now need the suitable CSS code to handle the person graphics, you should use Sprite Cow.
There you add the graphic, choose particular person components and the CSS code is displayed instantly.