Inline images Inline images are Base64 Encoded Images that appear in HTML as a text. So that no sepearte HTTp request is needed to get the image file. However, it works in IE 6 and 7, there is no use, as it utilizes the same no of requests as the requests made with images. Some [...]
Filed under: Web Performance | Tagged: Base64, CSS, Encoded Image, Image Encoding, Images, Inline Images, Web Performance | Leave a Comment »
Using CSS Sprite Images 1. Put all the images into zip file and upload that Zip File in http://spritegen.website-performance.org/ 2. It generates a Sprite Image and also Background Position and class for each image. Like .item1 {background-position:0px 0px;} .item2 {background-position:0px -105px;} .item3 {background-position:0px -208px;} .item4 {background-position:0px -312px;} 3. CSS code looks like * { margin: 0; padding: [...]
Filed under: Web Performance | Tagged: CSS, CSS Sprite Images, Images, Sprite, Web Performance | Leave a Comment »
