With the changing times and the constant updating of technology, icons (icons) in the Web are no longer limited to . In addition to direct call icons, there are sprites (commonly known as sprite), Icon font (font icon), SVG icon, and so on.
The front-end engineer-close page has access to last name, performance, and refactoring flexibility, repeatability, maintainability, and more.
The original
Advantage
Easy to replace, only need to modify the icon path or overwrite the icon file name
Icon size is easy to control
Disadvantage
Increase the HTTP request, if the page uses too many icons, directly pull up the number of HTTP requests, it will directly affect the page load performance.
Difficult to adapt to a variety of terminals and resolutions, especially high PPI display devices, may cause icon Blur
Not easy to modify the style of the icon, such as color, shadow, etc.
Difficult to maintain
Sprites icon (Sprite chart)
Icons in the Web