Html 不支持Safari脆边？

这简直让我发疯。我正在尝试提升一些像素艺术，而Safari不是在玩球。这是我正在应用于图像的CSS：

.avatar {
width: 140px;
height: 224px;
image-rendering: optimizeSpeed;             /* Older versions of FF          */
image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
image-rendering: -webkit-optimize-contrast; /* Safari                        */
image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
image-rendering: pixelated;                 /* Awesome future-browsers       */
-ms-interpolation-mode: nearest-neighbor;   /* IE                            */
}

现在，这在Chrome中非常有效，如下所示：

但在Safari上，它呈现出模糊的混乱：

我正在使用Safari 8.0，我看到的每一条线程都说这应该可以工作。不是。根本不是。我知道有一些解决方案涉及到在画布上画画，但是来吧。。现在是2015年，我不应该用最基本的升级算法跳转到高端