CSS Sprites Generator(CSS Sprites生成工具) v2.0官方版

CSS Sprites Generator(CSS Sprites生成工具),CSSSpritesGenerator是一款CSSSprites生成工具，用户只需要点击几下鼠标就可以非常容易地生成CSSSprites。有效提高了设计师的页面加载效率，操作简单方便，十分实用,您可以免费下载。

CSS精灵生成器是一个CSS精灵生成工具，用户只需点击几下鼠标就可以轻松生成CSS精灵。有效提高了设计人员的页面加载效率，操作简便，非常实用。

基本介绍

CSS Sprites生成器可以自动快速地为您生成包含更多参考图像的CSS样式表，无需手写代码。它为设计人员提高页面加载效率提供了一个简单快捷的解决方案。为了使您的网页加载更快，您可以为您的网页图像使用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图像文件类型。

您还必须指定程序集向导图像的URL，因为它将出现在您的网页上。

此外，占位符图像是CSS向导工作所必需的。

CSS向导生成器已经有一个默认占位符图像，它将被复制到您指定的位置。

您必须指定要生成的占位符的文件路径及其在网页上的网址。

步骤4-生成CSS向导。

然后，按下生成按钮或从工具菜单中选择生成CSS精灵，组合的精灵图像将与CSS和HTML代码一起生成。

精灵生成器将生成一个组合的精灵图像、一个占位符图像、一个css-sprites.html HTML文件和一个精灵。

选择的css文件后，将打开窗口资源管理器。

步骤5-上传文件。

然后，您必须将生成的CSS图像sprite图像上传到您的网页，并将占位符图像上传到您的网页和之前指定的位置。

步骤6 ——编辑网页的HTML和CSS代码。

最后，您必须根据生成的HTML和CSS文件编辑网页的HTML和CSS代码。

必须用占位符图像的URL替换每个图像的源URL，并且必须向每个图像的图像标签添加CSS类。在你的CSS代码中，你必须粘贴生成的CSS代码。