创建的图标在PC上显示正常，但在移动设备上显示模糊

Question

我遇到的一个问题使我很困惑，而且我一直无法找到解释。 我创建了一个在桌面上看起来不错的图标（用于网站）：

但是当我在手机上打开它时，它看起来很模糊（可以忽略不同的背景，如果仅打开图像，它看起来是一样的）：

图像上没有高度/宽度css。由于我在PC上同时获取两个图像，所以这里的尺寸看起来有所不同，但是它的确反映了它在移动设备上的外观（尺寸相同）。

如果可能的话，有人能够指出我的解决方法吗？