css - 使用 ZopfliPNG 自动优化 CSS 文件(数据 URI)中的 PNG

标签 css png data-uri

我有一些带有内联图像(base64 编码数据 URI [AKA 数据 URL])的 CSS 和 LESS 文件,其中一些是 PNG。我希望这些 PNG 以自动方式使用 ZopfliPNG 进行编码。

可悲的是,ZopfliPNG 似乎只能处理文件而不是例如文件。使用 stdin/stdout(如“Support piping input”之类的错误跟踪器条目仍然打开)这让事情变得有点复杂。

最佳答案

Leanify(我写的)支持优化 CSS 文件中的数据 URI 图像。它在内部对 PNG 文件使用 ZopfliPNG。

与您的 python 脚本相比,它有一些优势:

  1. 它还支持其他图像格式,例如 JPEG、ICO 和 SVG。

  2. 它不需要临时文件,一切都在内存中完成。

  3. Data URI 搜索具有更好的兼容性。对于CSS文件,url(data:image之间可能有'",也支持搜索在 HTML 和 JS 文件中可能根本没有 url(

https://github.com/JayXon/Leanify

关于css - 使用 ZopfliPNG 自动优化 CSS 文件(数据 URI)中的 PNG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38353692/

相关文章:

css - 嵌套列表的边框样式

html - html 输出中有额外的空间

CSS效果二元素

java - 尝试从 PNG 图像中提取字节

java - 任何用于 Java 的 RFC 2397 数据 URI 解析器?

javascript - 当 base64 null 后跟 =? 时,HTML5 数据 URI 失败

gmail - 电子邮件主题中的动画图标

html - Flexbox div 隐藏在小屏幕上

delphi - 在 Delphi 中淡入 alpha 混合 PNG 表单

c++ - 如何用 C++ 或 C 创建和编写索引 png 图像