首先让我声明我意识到反对为大图像使用 CSS Sprites 的争论。我什至问了a question关于为什么这可能被认为是一个坏主意(并添加了一个 answer of my own )。既然我们已经谈过了......
我要制作一个大型 CSS Sprite 贴图。对于制作此 sprite-map 的过程,我有必要知道 sprite 图像的高度和/或宽度存在什么(如果有的话)限制,以便浏览器正确处理它。
这个问题背后的最终原因是关于是否将 sprite 图像布置在网格中或单行/列中的争论。例如:做 4000 x 3000 而不是 400 x 30000 是否有必要或有益?
编辑:这里的症结不在于图像的大小,而是浏览器可以为 Sprite 处理的大小。鉴于目前缺乏细节,我将继续生成单大列 Sprite 。完成后,我会发布我的详细经历作为答案。
最佳答案
有时更多的是下载时间问题。由于浏览器可以使用多个连接来下载文件,因此下载一个巨大的图像可能比几个较小的图像花费更长的时间。
如果您的图像太大以致于它会减慢页面加载速度,也许是时候考虑几个较小的 Sprite 图像了。
Direct-X 9 有 4096 像素的大小限制,因此任何应用于这些元素的 Internet Explorer 过滤器都会将它们裁剪为 4096 像素。
关于css - CSS Sprite-maps 的高度/宽度有限制吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7210994/