从Tileset缩放图像

Question

我有一个使用Tileset的Image-Tag来显示一个图像。 但是我需要缩放这个图像。

我发现这个StackOverflow Topic并且变换选项会缩放图像，但是以非常漂亮的方式。如果我有两个缩放图像旁边，他们会发生碰撞。

我尝试了以下方法来创建一个更大的图像，如后面的小提琴所示：

.large{
width:54px;
height:54px;
}

.largeTransform{
  -webkit-transform: scale(3, 3);
  transform: scale(3, 3);
}

Fiddle to show what I have done already

是否有正确的方法来缩放这些图像，或者我是否真的需要为所有不同尺寸的版本创建独立的Image？