Image sprite is nothing but a collection of images put into a single image. When web page loads then for a particular location we show particular position of a image. For multiple images it takes time to load on a server. That is why we use single image for multiple position to save bandwidth.
<!DOCTYPE html>
<html>
<head>
<style>
#img1{
width: 151px;
height: 400px;
background: url(sprite.png) 0 0;
}
#img2{
width: 151px;
height: 400px;
background: url(sprite.png) -148px 0;
}
</style>
</head>
<body>
<img id="img1" src="img_trans.gif"><br />
<img id="img2" src="img_trans.gif">
</body>
</html> When you are looking to apply for a mortgage the one thing that most people…
Once you've memorized basic blackjack strategy, it's time to delve deeper into the game. Advanced…
Yoga is no longer just a physical practice. Yoga is popular as a lifestyle practice.…
Best Crypto Sign-Up Bonuses in India 2026: Ranked & Compared Every exchange claims to have…
One of the world's busiest travel hubs, New York City relies heavily on coach bus…
Whether large scale or small scale, many businesses want to market their services or products…
