我正在设计一个网站使用Bootstrap框架2.0.1。如何在所有设备和浏览器上以适当的尺寸显示相同的徽标图像？
，但我有我与我的网站上使用的图像标志的一个问题。 PC和笔记本电脑上的徽标图像看起来不错，但是当我在iPhone和iPad等设备上看到此徽标图像时，徽标图像质量下降，图像徽标看起来模糊不清。
所以我想问你的是，我应该如何解决这个问题？
我是否需要为不同尺寸的相同徽标图像创建三个不同的副本，分别用于笔记本电脑/ PC，iPhone和iPad？如果是的话如何？
如果还有其他更好的解决方案，请告诉我。
在此先感谢。
关于基于分辨率的不同图像副本的一个选项将是srcset属性。它根据用户显示器的像素密度指定图像的来源。
例如：
<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w">
“在上面的简单的例子，我们所做的讲述，我们有可用，他们是什么尺寸的一些图像浏览器之后，浏览器执行所有找出哪一个最好。“
+1支持有限，但最终采用这种方式会有什么好处：http://caniuse.com/#feat=srcset – Christina 2014-11-03 17:37:15
你有没有考虑将图像转换为SVG？因为它使用矢量而不是像素数据，所以无论它被拉伸/压扁多远，它都不会扭曲。 ，我相信它是跨浏览器兼容的回IE8
你可以下载Inkscape的免费（或使用插画如果你有的话），并尝试将图像转换为SVG尝试一下
看到你的代码会有所帮助，最好是[最小示例]（http://stackoverflow.com/help/mcve）。如果您使用'width =“”height =“”'调整图片的实际尺寸，那么这可能会导致模糊。 – 2014-11-03 14:12:05