我有一个在它1675px由2640px图像的HTML页面。 我试图在一个iPad观看它,显然是移动Safari浏览器下采样图像。 我们想表现出高品质的图像,但Safari浏览器限制了这一点。
我一直在寻找一个解决方案来保持图像的大小。 我在iPad 3的被查看它在移动Safari浏览器。 人们建议使用其他浏览器,但默认情况下,我们使用移动Safari浏览器。
是否有任何CSS,JavaScript或其他解决这个限制?
我有一个在它1675px由2640px图像的HTML页面。 我试图在一个iPad观看它,显然是移动Safari浏览器下采样图像。 我们想表现出高品质的图像,但Safari浏览器限制了这一点。
我一直在寻找一个解决方案来保持图像的大小。 我在iPad 3的被查看它在移动Safari浏览器。 人们建议使用其他浏览器,但默认情况下,我们使用移动Safari浏览器。
是否有任何CSS,JavaScript或其他解决这个限制?
我敢肯定,你只是会喜欢这个答案,但简单的答案似乎是:“你是不是要得到1:1的大尺寸图像”。
稍长的答案是苹果有意迫使东西这样的工作方式,因为它的工作方式是以前只是不加载图像在所有,或崩溃。
现在,对于引用一个更全面的答案...
苹果的已知Resoruces限制
问题是,当图像被解码/解压缩它占用比图像文件大小有更多的RAM空间的整体赫克。 式苹果指出的是,512MB的RAM设备,如你提到的的ipad 3,将拒绝上述5百万像素,这导致非JPEG图像:
height * width <= 5 * 1024*1024
对于JPEG,苹果公司指出,他们将进行二次采样,让您可以查看JPEG文件:
为JPEG的最大解码图像尺寸是使用子采样32百万像素。 JPEG图像可能是由于子采样,这允许JPEG图像进行解码的尺寸,其具有十六分之一的像素的数目多达32个百万像素。 JPEG图像大于2百万像素被二次采样,也就是说,解码以减小的尺寸。 JPEG二次采样使用户能够从最新的数码相机查看图像。
请注意,它指出2百万像素是全尺寸观看JPEG,这是2 * 1024 * 1024的限制。 至于你的形象大致是有点超过4百万像素,它会在iPad 3中的子采样没有,真的没有什么可以做,迫使它无需使用外部程序。
要使用外部程序的最小的改善,看到这个链接,当一个人建议GOODREADER: 苹果论坛,寻求在MiniSfari完整图像分辨率
这里有另外一个与#2类似的问题/答案对: 图片大小限制在移动Safari浏览器
移动Safari浏览器没有下采样渐进式JPEG。 假设JPEG是你的目的是可接受的格式,只需将它们转换成逐行编码。 假设你有一个现有的,非渐进式JPEG图像,你可以使用一个工具,如jpegtran
的编码无损转换为逐行扫描。
要享受的iPad的Retina视网膜功能和iPhone 4/5的使用增加了一倍大小的图片如下:
<img src="test.jpg" width="837" height="1320" />
请注意,尺寸减小一半,但test.jpg放在并不需要来调整。
或者,你可以准备另一套高分辨率的图形,并在检测视网膜屏幕,采用媒体查询显示它(Modernizr的)
像素密度理论值:Retina屏幕把2个像素为1个像素,例如具有320px
的宽度,它实际上包含640px
的内容。 在这里阅读更多: http://www.sitepoint.com/css-techniques-for-retina-displays/