一套将多个图像合并并一次性生成相应CSS的软件
项目描述
Spritemapper是一个将多个图像合并成一个，并生成相应切片CSS定位的应用程序。
该软件包包括一个简单的命令行工具，可以“完成工作”，以及一个包括其自己的PNG和CSS解析器的Python库。编写/捆绑此软件的目的是为了避开第三方要求。任何曾经在不同平台上安装过PIL的人应该很清楚我们试图避免什么。
有多个Spritemapper的替代品，但它们都需要大量的手动劳动，而Spritemapper读取您的当前CSS，用生成的结果替换背景图像和位置。
这种技术大大提高了您网站的加载速度，有效地减少了带宽，通过下载更少的图像来降低带宽。
Spritemapper的实际应用
以下是一个简单的例子，说明了Spritemapper将如何处理您的CSS
.emote.smile {
background: red url(../img/emoticons/smile.png) no-repeat;
}
.emote.grin {
background: white url(../img/emoticons/grin.png) no-repeat;
}
变为
.emote.smile {
background: red url(../img/emoticons.png) no-repeat 0 0;
}
.emote.grin {
background: white url(../img/emoticons.png) no-repeat 0 -16px;
}
请访问我们的主页以查看实际示例。
用法
- -h，--help
显示帮助信息并退出
- -c INI，--conf=INI
从INI读取基本配置（见配置选项）
- --padding=N
在精灵之间保持N像素的填充
配置选项
配置选项可以通过两种方式之一进行指定：在CSS中内联，或者使用带有默认值的INI文件。对于CSS，它看起来像这样
/* spritemapper.output_css = foofile.css
您可以使用INI文件以完全相同的方式进行操作，如下所示
[spritemapper] output_css = foofile.css
需要注意的是，所有路径都是相对于正在处理的CSS文件而言的。
- base_url
一个可以访问生成的CSS和图像文件的URL。默认使用文件相对路径（推荐）。
- sprite_dirs
允许生成sprite图的目录列表。默认情况下，所有目录都符合条件。
- recursive
如果发现子目录，则设置以生成子sprite图。默认设置。
- output_image
输出sprite图的名称。与sprite_dirs不兼容，因为两者都告诉sprite映射器如何将精灵排序到sprite图中。默认为<dir> + .png。
- output_css
重写CSS文件的名称。默认为sm_{basename}{extension}。
- padding
两个图像之间的填充空间数量。这主要用于抵消iOS设备上的子像素渲染伪影。默认为1。
- anneal_steps
这里数字越大，箱包算法会尝试更多的组合。默认为9200。
运行测试
测试套件需要Nose。您可以通过setup.py运行它们，使用命令python setup.py test或直接使用nosetests。
spritemapper-1.0.0.tar.gz 的哈希值
| 算法 | 哈希摘要 | |
|---|---|---|
| SHA256 | a8abaf841de0c5b1647bfcd5c32b4accd2f4843b2a55e64f883dda973bd8c94d |
|
| MD5 | f95b317180e4c3adb8d20b4d83ef582f |
|
| BLAKE2b-256 | 801cef073fd281e35c3c0d98ca461908ff196e87ca3453118a7ddbfb708966af |
