Sprite Figure (sprites technology)

FIG Sprite (the sprite was dropped) is a split image technique;

Instructions:

1. given viewport

width: xx px;

height: xx px;

2. Illustration

background-image: url ( "image path");

3. Move the position

background-position: x-axis coordinate of y-axis coordinates;

Pros: The small icons to put together a picture, the less memory, for developers do not bother to every little icon named, can also be effective pages load faster, can effectively enhance the user experience;

Disadvantages: need to use the picture viewing software to find the exact coordinates of each small icon, relatively cumbersome;

Guess you like

Origin www.cnblogs.com/hg845740143/p/12080308.html