![]() ![]() The CSS sprite creator above will help you with this task. ![]() The containers' width and height must be defined to avoid incorrectly displaying multiple sprites in one image. To display a CSS sprite, the background-position CSS attribute must be used to select the part of the image to display. This means that the sprite won't be selectable and special care must be taken for repeating CSS sprites. ![]() Click on the Add Animation button to the right, then click on the plus (+) symbol and instead of selecting Images Files for regular 2D Sprites, select 3D Model from the drop down menu instead. mIt can't be displayed using the img HTML tag. Importing 3D Models into the Sprites editor works similarly to regular Sprites. ![]() Only a single header data will be downloaded by the web-browser.Ī CSS sprite will be displayed as a background image. This header, while small compared to the full image size, is still something which can be gained by aggregating various images into one. JPEG, GIF and PNG image files have a specific header with image information such as its size, color depth or metadata. The web-browser will cache this image and display it (or a sub-part of it) as many times as required without downloading it again. This request has a cost regarding page loading speed as the web-browser needs to ask for the image, which will be downloaded from a web-server and displayed on the web page.Īggregating multiple images into a bigger one will result in fewer HTTP requests as only one image will be requested and download from the server. A request is made to the server each time an image is displayed on a web page. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |