css - 制作 CSS Sprite 的工具?

标签 css css-sprites web-performance

<分区>

有什么制作css Sprite 的好工具吗?

理想情况下,我想给它一个图像目录和一个引用这些图像的现有 .css 文件,并让它创建一个用所有小图像优化的大图像,并更改我的 .css 文件以引用这些图像.

至少我希望它获取一个图像目录并生成一个大 Sprite 和将每个图像用作背景所需的 .css。

是否有任何好的 photoshop 插件或成熟的应用程序可以做到这一点?

最佳答案

Instant Sprite是我正在研究的浏览器内 CSS Sprite 生成器。它真的很快,但没有其他一些功能那么多。它目前仅适用于 Firefox 或 Chrome,因为它使用 JavaScript FileReader 和 HTML Canvas 在网络浏览器中生成 Sprite ,无需上传。

关于css - 制作 CSS Sprite 的工具?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/527336/

相关文章:

css - 内容 :""的用途是什么;引号中没有任何内容?

jquery - CSS Sprite 图像加载速度极慢

javascript - Webfont 性能 - webfontloader 与预加载

javascript - 使用 NextJS 的自托管字体

php - 将 CSS3 应用于 PHP DOMDocument

css - 带有 Twitter Bootstrap 的全身背景

css - Bootstrap 在 768px 下无响应

html - 如何使 sprite 元素看起来像普通文本一样被选中?

css - 使用 Sprite 时响应式背景图像

javascript - Web 性能、内联脚本问题