我的网站徽标大小为300x50像素。它在桌面上看起来很好。但是当我在移动设备上打开我的网站时，它会变得更小，看起来很模糊，就像边缘有像素一样。
即使是非常小的尺寸，我怎样才能让它看起来很清晰？
答案 0 :(得分：2)
您的模糊图像问题可能来自在视网膜/ HiDPI设备上使用非视网膜或HiDPI图像。这意味着如果您希望300x50px图像在视网膜设备上看起来清晰，您需要使用基于矢量的图像（例如SVG）或双倍（2x - 例如iPhone6 - 600x100px）或三倍大小的图像（3x - 例如iPhone 6加 - 900x150px）
使用srcset。 Srcset允许您将多个图像添加到一个img元素，允许支持它的浏览器为设备选择正确的图像。由于不支持srcset的浏览器会回归到src，因此没有风险。
<img src="myNormalImgForOldBrowsers.jpg" srcset="highResImg.jpg 2x, ultraHighResImg.jpg 3x" alt=" " />
在这个例子中我使用了jpgs，但是在srcset示例中声明的图像可以很容易地成为SVG
答案 1 :(得分：0)
使用SVG而不是Ico格式。与SVG相比，Ico格式是小位DIM