浏览器支持的最大图像尺寸是多少?

时间:2019-07-26 16:04:14

标签: javascript html css image google-chrome

这可能非常广泛,但让我缩小范围。假设

  • 浏览器:Chrome最新版(台式机)
  • 硬件:Windows Standard PC,带有 默认的英特尔图形卡
  • Ram:8GB
  • 处理器:i7 @ 3.40 GHz

我可以支持的最大宽度x高度是多少?

如果我尝试将27150 x 20950图像放入<img>标签中,Chrome崩溃。

所以我想知道我可以支持的图像的最大宽度和高度。

注意:我已经通过了post,但它已经8岁了

编辑1 :我能够加载160 Mb 4000 x 4000 px文件,因此文件大小不是27150 x的问题20950图片仅为7 Mb。 压缩不是我的选择。

2 个答案:

答案 0 :(得分:4)

根据我遇到的一个站点,Chrome 4至26和Opera 8的最大图像尺寸为8192x8192。可以肯定的是,我目前正在运行Chrome 75,这已经过时了。

IE 5.5至10,FF 19,Opera 9-12受支持(未指定Chrome)将支持16384x16384,我能够查看该大小的PNG。我尝试使用32768x32768和更大的尺寸,但无法显示。浏览器没有崩溃,但是我只得到页面中心的白框。

稍后,我可以尝试在家中查看较大的图像,看看发生了什么,因为我的台式机内存更大(如果考虑在内)。

答案 1 :(得分:0)

在我的个人机器(Chrome v91.0)上使用 ImageMagik 多次调整图像大小后,我收集了以下结果 - 所有尺寸均为 wxh:

  • 65000(ImageMajik 支持的最大图像尺寸)x 8192 (19.5MB) - 显示
  • 65000 x 9000 (20.9MB) - 未显示
  • 8192 x 65000 (31.9MB) - 显示
  • 8292 x 65000 (32.7MB) - 未显示
  • 8292 x 8292 (7.1MB) - 显示
  • 16384 x 16384 (14.5MB) - 显示
  • 23150 x 23150 (23.1MB) - 显示
  • 23165 x 23165 (23.7.5MB) - 显示宽高比,但图像加载为白色
  • 23170 x 23170 (sqrt(2^29)) (23.8.5MB) - 未显示

所以看起来图片的总大小必须小于 2^29 (539MP)