Html 为视网膜显示计算机和非视网膜计算机提供相同的双尺寸图像?

Html 为视网膜显示计算机和非视网膜计算机提供相同的双尺寸图像?,html,image,retina-display,Html,Image,Retina Display,在我的网站上,我有一个1300x200的图像,我正在使用img标记中的简单width=650px参数强制将其降到650x100。当retina Mac/iPhone/iPad用户查看我的网站时会发生什么。他们会看到完整质量的1300x200图像,还是会人为地将图像质量降低一半 至于这是否是有效的,它只是一个5万PNG。我的网站大部分是用文本/CSS进行矢量化的。你可能会说,这比用浏览器代理检测Javascript更有效。好了,伙计们,我自己去回答了,是的,如果你在HTML中使用宽度标记将img的

在我的网站上,我有一个1300x200的图像,我正在使用
img
标记中的简单
width=650px
参数强制将其降到650x100。当retina Mac/iPhone/iPad用户查看我的网站时会发生什么。他们会看到完整质量的1300x200图像,还是会人为地将图像质量降低一半


至于这是否是有效的,它只是一个5万PNG。我的网站大部分是用文本/CSS进行矢量化的。你可能会说,这比用浏览器代理检测Javascript更有效。

好了,伙计们,我自己去回答了,是的,如果你在HTML中使用
宽度
标记将
img
的一半大小,视网膜浏览器将显示完整大小的图像

我使用
宽度在顶部显示1300x200图像的一半大小,在底部显示普通650x100图像。在iOS 6上使用Safari放大


好的,伙计们,我自己回答了这个问题,是的,如果你使用
width
标记将HTML中的
img
缩小一半,视网膜浏览器将显示全尺寸图像

我使用
宽度在顶部显示1300x200图像的一半大小,在底部显示普通650x100图像。在iOS 6上使用Safari放大