Image Safari/WebKit浏览器上内置PNG的SVG看起来很模糊

我有一系列应用程序图标的SVG图像。一些我已经能够获得的向量，而另一些仅在SVG包装器中包含图标的PNG（以及其他元素，如文本等）

SVG在Chrome上看起来很棒。然而，在Safari和Apple mobile浏览器（使用WebKit）上，带有PNG的图像看起来很模糊。我怎样才能解决这个问题

---

以下是一个示例（查看“阴天”按钮）：

您正在以多种方式在多个位置缩放此图像，忽略像素位置和比率，因此在这里反对齐算法遇到困难也就不足为奇了。。。你真的需要在这个140*50px的svg图像中包含一个3200*3200的光栅图像，它将把图像嵌入到一个22*22px的矩形中吗？是的，我同意。SVG的文件大小接近6MB。如果你把它重新画成合适的向量，你可能会把它缩小到这个尺寸的1/500以下。此外，您不会将图像的显示大小缩小1/150左右。@kaido当然，这是一个很好的观点。我可以大大减小PNG的大小来帮助实现这一点。事实上，我今天早上已经测试过了。但它在Safari和WebKit浏览器上仍然显示模糊。不必将PNG重新绘制为矢量，您知道如何避免这个问题吗？@PaulLeBeau当然知道。但我没有能力将PNG重新绘制为矢量。它不是我的图像，我也不必访问它的SVG。但是，我还可以如何避免这个问题？这只是Safari/WebKit的问题吗？您可能被允许使用该图像。否则你就不会把它放在你的网站上。如果Illustrator或Inkscape等矢量编辑器不提供SVG，我看不出有任何理由不能将它们的徽标重新创建为SVG。我以前也用过其他标志。图标库也一直在这样做。