我使用 Bootstrap framework 2.0.1 设计网站。
但我在网站上使用的图片徽标存在一个问题。徽标图像在PC和笔记本电脑上看起来很好但是当我在iPhone和iPad等设备上看到这个徽标图像时，它会失去它的质量，图像徽标看起来模糊不清。
所以我的问题是你应该如何克服这个问题？
我是否需要创建具有不同尺寸的相同徽标图像的三个不同副本，并分别用于笔记本电脑/ PC，iPhone和iPad？如果有，怎么样？
如果还有其他更好的解决方法可以解决这个问题，请告诉我。
提前致谢。
答案 0 :(得分：2)
基于分辨率的不同图像副本的一个选项是srcset属性。它根据用户显示器的像素密度指定图像的来源。
例如：
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w">
“在上面的简单示例中，我们所做的只是告诉浏览器我们可用的一些图像以及它们的大小。然后浏览器会完成所有工作，找出哪一个最好。 “
答案 1 :(得分：0)
你考虑过将图像转换为SVG吗？ 因为它使用矢量而不是像素数据，所以不管它被拉伸/压扁多远都不会扭曲。 而且我相信这是跨浏览器兼容的ie8
你可以免费下载inkscape（如果你有的话可以使用插图画家）并尝试将图像转换为SVG来试用它