A recent project made use of very pixel-large (~5e3px2) but still byte-small (~100kb — GIF) images, which both IE8 and iOS Safari refused to render. Both seem aware of the image size, but simply do not render them. A practical solution is to slice the image, but are there any documented arbitrary restrictions on maximum image pixel size for these browsers?
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试):
问题:
回答1:
Mobile Safari has a 3-megabit buffer for non JPG images. Anything larger than that will not display. Calculate size = w * h * 8 for GIFs.
Any element using CSS "Filters" on IE8 will fail to display on anything with a dimension bigger than 4096 pixels.