ImagesSprite V1.0 Beta发布
经过一个多月的断续开发,ImagesSprite V1.0 Beta终于发布了,本工具是为了以项目工程方式来应用CSS Sprites(如果你还不知道什么是CSS Sprites请看本文最后几段,也可以baidu、Google下)。本工具可以从一堆小图自动排列(或手动排列)并生成一张整图,同时根据配置信息生成一个对应样式表文件,让csser们从手工写css,重复微调的过程中解放出来。本工具具备项目管理功能,对于生成的整图如果有需要调整或增减图片的直接可在原项目上增减,而不用重新对每个小图排列。
废话也不多说了,先来看个例子:示例 请注意,这个页面除了广告图片,其他的图片元素均从一张图片通过background-position来得到。可以下载这个页面的html等资源看看:示例源文件 这里也附上这个示例的项目文件:示例项目文件 这个项目文件需要用我这里发布的这个工具打开。
另外,对以下技术[.NET,Web,jQuery]比较感兴趣的可以加群[.NET,Web,jQuery]:47766398
按照yahoo的rules for high performance web sites的原则,应当较少Client与Server端间 的HTTP Request次数。通过CSS Sprites方法将多张图片组装成单独的一张图片,可以有效减少HTTP请求 的次数。
当整幅图片载入完成后,你就可以使用CSS方法通过设置背景位置的方式完成所需图片的准确调用。
加速的关键,不是降低重量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。
废话也不多说了,先来看个例子:示例 请注意,这个页面除了广告图片,其他的图片元素均从一张图片通过background-position来得到。可以下载这个页面的html等资源看看:示例源文件 这里也附上这个示例的项目文件:示例项目文件 这个项目文件需要用我这里发布的这个工具打开。
本工具基于.net2.0开发,需要运行环境: .net framework2.0 下载
为了方便大家讨论,特开设了一个ImagesSprite交流群:42390914,对本工具有任何意见或遇到任何问题均可在本群中提出,我会尽力给大家解决回答。
另外,对以下技术[.NET,Web,jQuery]比较感兴趣的可以加群[.NET,Web,jQuery]:47766398
![](http://blog.tglgx.cn/image.axd?picture=2009%2f7%2f%e6%9c%aa%e6%a0%87%e9%a2%98-1.jpg)
关于CSS Sprite
CSS Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需 顾忌这个问题。按照yahoo的rules for high performance web sites的原则,应当较少Client与Server端间 的HTTP Request次数。通过CSS Sprites方法将多张图片组装成单独的一张图片,可以有效减少HTTP请求 的次数。
当整幅图片载入完成后,你就可以使用CSS方法通过设置背景位置的方式完成所需图片的准确调用。
加速的关键,不是降低重量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。
本工具基于.net2.0开发,需要运行环境: .net framework2.0 下载
为了方便大家讨论,特开设了一个ImagesSprite交流群:42390914,对本工具有任何意见或遇到任何问题均可在本群中提出,我会尽力给大家解决回答。
另外,对以下技术[.NET,Web,jQuery]比较感兴趣的可以加群[.NET,Web,jQuery]:47766398
学会开心每一天(: