php - 在 CSS 中对图像进行 base64 编码的 PHP/Python 脚本

Question

我发现自己经常在 base64 的 css 中手动编码背景图像。

当我的意思是手动时，我的意思是我对图像进行编码，复制生成的字符串，将其粘贴到 css 文件中等等。这是愚蠢的！

我得出的结论是，用 PHP 或 Python 编写一个自动执行的脚本并不难，只需解析 css，在 HD 上找到图像，将其编码为 base64，将结果替换为原始字符串在css文件中并保存一个新文件。

然后我想：“怎么还没人做过呢？也许做之前先问问比较好。”

所以我在这里，是否存在类似的解决方案？

谢谢

Answer 1

好吧，Chris Coyer @ CSS-Tricks 发表了一篇关于 Data URIs 的文章，他解释了如何使用它们以及它们如何有用。接近尾声时，他说使用 PHP 动态生成这些非常容易，就像这样

• 如果您使用 PHP（或 PHP 作为 CSS），您可以像这样动态创建数据 URI

  <?php echo base64_encode(file_get_contents("../images/folder16.gif")) ?>
  

但是，不要认为您不应该在网站base64_encode上的所有图像上使用。生成的字符串的大小base64_encode大约是原始图像的 33%。当您有小图片并且不想在它们上浪费请求时，数据 URI 非常有用。