Home/ Questions/Q 8510319
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T03:40:12+00:00

I read somewhere that css sprites are better than using simple images. How is

  • 0

I read somewhere that css sprites are better than using simple images. How is that ? also I am new to Html so can anyone tell me how css works and give me a simple example for css sprites?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is the complete code. Copy and paste in a notepad and save it as abc.html. Save the two images below in the same folder as:
    image.gif for big one and trans.gif for small one.

    <html>
<head>
    <title>Image Sprites</title>
    <style type="text/css">
        img.sprite
        {
            width:46px;
            height:44px;
            background:url(image.gif) 0px 0px;
        }        

        .sprite:hover
        {
            background: url(image.gif) 0px 44px;
        }
     </style>
</head>

<body>
    <img class="sprite" src="trans.gif" />
</body>
</html>

    In simple words, CSS sprites use only one image instead of many.
    So instead of many image requests from server only a single request is sent.

    • 0