Estoy generando sprites CSS. Quiero usar estos sprites en varios tamaños. He buscado pero no he podido descubrir cómo escalar funcionalmente un sprite CSS, por ejemplo. si el sprite original está a 150x150 y quiero mostrarlo a 50x50, ¿cómo puedo hacer eso? @background-size parece romperlo.

Solo puedo generar los sprites en los tamaños necesarios, pero cuando hago esto a través de ImageMagick's-resize Tomo un golpe de resolución notable. Por lo general, si encuentro que una imagen tiene una resolución inaceptablemente baja en una página web, simplemente hago una imagen más grande y escalo su tamaño, aumentando funcionalmente la resolución de la imagen.

Dado que no puedo entender cómo escalar un sprite CSS, estoy un poco atascado, ¿cómo puedo lograr una resolución arbitraria usando un sprite CSS?