Jef*_*ake 13 css browser image css-sprites
让我首先说明我意识到反对为大图像做CSS Sprites的论点.我甚至问了一个问题,为什么这可能被认为是一个坏主意(并添加了我自己的答案).现在我们已经有了这个话题......
我将要制作一个大的CSS Sprite-map.对于制作这个精灵图的过程,我应该知道精灵图像的高度和/或宽度存在什么(如果有的话)限制,以便浏览器正确处理它.
这个问题背后的最终原因是关于是否在网格或单行/列中布置精灵图像的争论.例如:4000 x 3000而不是400 x 30000是必要的还是有益的？
编辑:这里的关键点不是图像的大小,而是浏览器可以为精灵处理的大小.鉴于到目前为止缺乏细节,我正在开始生成单大列精灵.一旦完成,我会将我的经历细节作为答案发布.
有时，这更多的是下载时间的问题。由于浏览器可以使用多个连接来下载文件，因此下载大图像可能比下载一些较小的图像花费更长的时间。
如果您的图像太大以至于减慢了页面加载速度，那么也许是时候考虑几个较小的精灵图像了。
Direct-X 9 的大小限制为 4096 像素，因此应用于这些元素的任何 Internet Explorer 过滤器都会将其裁剪为 4096 像素。