Думаю этот эффект возникает при масштабировании, потому что алгоритм вынужден перестраивать размер, для примера есть ваш прямоугольник определенным цветом, размером 12px на 5px - увеличили на 20% получится 12+2.4 px на 5+1 px - вроде норм там делаем округление 14px на 6px получится, а если больше увеличиваем и выйдет 12+2,8 px сделаем 15px. Но алгоритм работает с конкретными пикселами и вынужден масштабировать именно пикселы, для этого он при увеличении на 30% вынужден на соседние пикселы оказать свое влияние на 30%, смешивание цветом там произойдет, плюс если не крайний первый пиксель еще надо рассчитывать смещение. Надеюсь понятно написал.
Теперь как решить проблему!
1) отказаться от спрайта
2) есть мысль, что ваш пример с сервиса, который без проблем, он векторный. Если да, тогда сделайте себе тоже векторный формат.
3) я бы посмотрел в сторону того как бы сделать чтобы эти картинки размер не меняли
