CyotekSpriter是一个支持网站开发的工具,能够协助设计师们把网站上的图片拼接起来然后生成CSS代码,能够让你自定义图片的间隔、合并模式、图片输出自动压缩、自动修改CSS名称,并提供实时预览、CSS源代码、转存后的图片、实际的HTML码,非常简单又好用。
制作网站通常情况下会有许多 小图案,可是每一张小图案都单独使用会增加网站的请求连接数数,让网页页面加载很慢。由于出现了一种所谓的"CSSSprite",帮你把全部的小图片拼贴成一张大图,只需请求一张图片,就可以全部小图片一同请求,加速网站的加载速度而不把网站连线数浪费在等这些小图片的请求。
拼贴这些CSS用的小图片,最简单的方式就是自己开一个空白透明底图,把图片放上去排列好,可是当你要引用图片的时候,你知道这些小图片的座标吗?相信你应该会用到很辛苦,光是算座标就算到天荒地老。是否有更快的方式能够处理?其实有线上版的图片合并服务,不过香肠平常做网页偏好使用"CyotekSpriter"这个免费软体,他会自动帮你合并输出图片、输出CSS、输出HTML,让你快速能够使用这些小图片。
网址入口:http://www.cyotek.com/cyotek-spriter/