En una página web, habrá muchos íconos y imágenes que solicitarán archivos al servidor. Si hay múltiples íconos pequeños que necesitan ser solicitados uno por uno, esto aumentará la presión sobre el servidor y reducirá significativamente la velocidad de carga de la página. Por lo tanto, para reducir efectivamente el número de solicitudes que el servidor recibe y envía, y mejorar la velocidad de carga de la página, surgió la técnica de las imágenes de sprites CSS (también conocida como CSS Sprites, CSS雪碧).
El generador de sprites permite combinar varias imágenes en una sola. En su código web, mediante la propiedad background de CSS, indique al navegador que lea la imagen en la posición y tamaño especificados del sprite y muestre la imagen en la página.