iOS浏览器在没有下采样的情况下显示的最大图像大小是多少？

Question

标题说明了什么；基本上，如果您在iOS浏览器中显示图像(例如，iPhone)，当图像尺寸超过某一限制时，图像将被降采样并以原始分辨率的一小部分显示(即。1/n原始像素数)。

我猜，这是一种避免因内存不足而导致图像大小过大时崩溃浏览器的方法。

我的问题是，在WebView (或浏览器)开始每n像素采样之前，图像尺寸的上限是多少？

示例：在显示5760×1800图像时，在浏览器中将其降为1440×450 ( 1:4比)。

Answer 1

刚刚完成了几个测试，iOS (至少在iPhone 3GS上使用iOS 4.2.1 )在达到1024 it 限制时降低了图像的采样量。任何高于此大小的图像都由每n个像素采样其像素，其中n是生成维度<= 1024 by的最小因子。

Answer 2

出于某种原因，Safari手机正在缩小大小，但感谢有一种方法可以强制css中的实际大小使用：

-webkit-background-size: widthpx heightpx;

-webkit-background-size:980px 2574px; 
/* (simply put in the exact size of the wrapper image) */

最初在这里发现：http://srihosting.com/blog/web-development/ios-safari-background-image-size-problem/

Answer 3

根据苹果的文档，JPEG和其他文件格式有一些不同。

• 用于GIF、PNG和TIFF，如果设备的内存小于256 is，则最大大小为300万像素。如果设备的容量超过256 at，则限制为5 megapixels.
• For JPEG，最大大小始终为200万像素。

因此，JPEG图像可以具有最大2* 1024 * 1024像素(2'097'152)。

如果我是对的，下面是找到最大图像维所需的数学：

ratio = √(2 * 1024 * 1024) / √(5760 * 1800)= √2097152 / √10368000 ≈ 1448.154 / 3219.937 ≈ 0.449746
optimal_width = 5760 * ratio ≈ 2590 // it's better to approximate 1 pixel smaller
optimal_height = 1800 * ratio ≈ 809 // else the image is quickly too big since we multiply each dimensions

optimal_size = 2590 * 809 = 2095310 // less than 2097152

限制的来源：https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html (“了解iOS资源限制”部分)