html - 在 CSS 中编码的 SVG base64

Question

我创建了一个将在 AI 网站上使用的 Logo ，并使用 SVG 优化器输出优化文件。最初我将 svg 文件嵌入到 HTML 中，但由于它是所有页面上的固定 Logo ，我认为最好将其从 HTML 中删除并作为背景图像插入我的 CSS 中。当我插入 base64 编码的链接时，我的链接一行接一行地换行，可能有 15 行，这看起来太长了。

下面是我所拥有的剪辑。我显然删除了剩余的 14 行左右。我的问题是:有没有办法在不使用 js 的情况下缩短实际链接？类似于相对路径，但用于编码的 URI。

#logo { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJb...); }

Answer 1

当然，您可以添加回车符和空格，它仍然有效。 Here's an example from the SVG test suite

    <image x="40" y="5" width="100" height="98" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAAABGdBTUEAAK/INwWK6QAAABl0RVh0
     U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEsUExURfb/AK3/AAD/9/9sAIn/AN7/ABT/
     AAB//zD/AP9GAAD/s1H/AAD/H/8AxwD/bn8A/1wA/wD/XJv/AP8Ai//MAGP/ABMA/wD/LP8A6P8K
     AP8AF/8A9QD/xAAA/wD1/9MA/wD/gABY/wD/Cf8ATJEA//+6AACT/wCn/+v/AAD/TAD/kf8AYKMA
     //8kAAAk/wAV/y0A/3b/AP80AAD/O/cA//8A/wD///8An/8A2QD/Ev8AAMQA/+0A/7MA////AP8A
     CuAA//8AJ24A/0sA//8AOAA0/wAK/wBF//8WAAgA/x8A///2AL//AP8AdTwA/wn/AP/bAP+AAP+U
     AM//AP+nAP8AtADp/wD/o0D/AP/qAADb/wC5/wDL/wD/AAD/7QD/0gD/4CH/AABr//9ZAG2IeB4A
     AABvSURBVHjaYrCyl3J0Udb2FTYP5bWQkDY1sXGQt7bVUeF3EnD2M/AS85R109dzdVdMYldTj46J
     CpMzY4pLiJfhCtdS4BPUNBbnsVSK9WdL5IjgFjVkEWL0CWbVYLDzjgwQUQ0JCmRO5jTS9ZAECDAA
     3aQTV3E5iioAAAAASUVORK5CYII="/>