CSS Sprites Generator(CSS Sprites生成工具)

　　CSS Sprites Generator是一款CSS Sprites生成专用工具，客户只必须点一下两下电脑鼠标就可以很容易地生成CSS Sprites。合理提升 了室内设计师的页面加载高效率，实际操作简易便捷，十分好用。

软件简介

　　CSS Sprites Generator可给你全自动地迅速生成引入图像较多的CSScss样式表，而无须笔写代码。为室内设计师提升 页面加载高效率出示了简易迅速的解决方法。为了更好地给你的网页载入速率更快，你能对你的网页图像应用CSS Sprites Generator，这代表着您不用在您的HTML代码中插进许多 图像，只是将他们组成一个，随后用适度的CSS代码显示信息他们。

软件亮点

　　根据应用CSS Spries，当您的网页仅由一个组成的CSS Spries图像载入时，您能够明显降低dns查询和文档查看。

　　这造成 载入速率更快，百度搜索引擎更喜欢载入速度更快的网页！

　　用4点软件的小精灵生成器，你只需点一下两下电脑鼠标就可以轻轻松松生成小精灵！

　　这一完全免费专用工具将生成组成的CSS精灵图像和需要的CSS、HTML代码。

　　您还可以将您的工作中另存新项目，稍候再开启它。

　　也是有完全免费的源代码。

使用方法

　　流程1 -加上图像

　　最先，您务必加上要变换为CSS Sprites的图像。

　　只需按住“加上图像”按键或从“图像”菜单中选择“加上”。

　　流程2 -设定精灵特性

　　在加上你的图片后，你务必从左侧的目录中挑选每一张图片，随后指定你要想的css类名字和标识。标识仅仅协助你鉴别CSS代码中的图像。

　　针对每一个图像，你加上一个新的CSS类将在CSS代码中生成。

　　流程3 -设定组成图像和图像占位符网站地址和文件路径

　　随后你务必特定要生成的组成精灵图像文件路径。您能够挑选GIF、PNG和JPG图像文件属性。

　　您还务必特定组成精灵图像的网站地址，因为它将出現在您的网页上。

　　除此之外，占位符图像是必需的，便于CSS精灵工作中。

　　CSS精灵生成器早已有一个默认设置的占位符图像，它将被拷贝到您特定的部位。

　　您务必特定要生成的占位符的文件路径以及在网页上的网站地址。

　　流程4 -生成CSS精灵

　　随后，按住“生成”按键或从“专用工具”菜单中选择“生成CSS精灵”，随后组成的精灵图像将与CSS和HTML代码一起生成。

　　小精灵生成器将生成一个组成的小精灵图像，一个占位符图像，一个css-sprites.html html文档和一个小精灵。

　　选中生成的css文件后，将开启Windows任务管理器。

　　流程5 -文件上传

　　随后，您务必将生成的CSS图像子界面图像上传入您的网页，并将占位符图像上传入您的网页和此前特定的部位。

　　第六步——编写网页的HTML、CSS代码

　　最终，您务必依据生成的HTML和CSS文档来编写您的网页的HTML和CSS代码。

　　务必用占位符图像的URL更换每一个图像的源URL，而且务必向每一个图像的图像标识加上CSS类。在你的CSS代码中，你务必黏贴生成的CSS代码。