Um sprite CSS é uma única imagem que reúne várias figuras menores, como ícones ou botões. Em vez de carregar cada arquivo separadamente, o navegador faz apenas um download. Depois, usando a propriedade background-position no CSS, é possível mostrar apenas a parte específica da imagem que você deseja em cada elemento.

https://maujor.com/tutorial/css-sprites.php
https://www.hostgator.com.br/blog/css-sprites-para-otimizar-imagens-em-seu-site/
https://www.giftofspeed.com/sprite-generator/
https://www.w3schools.com/css/css_image_sprites.asp