Encode SVG contents as data URI and use it as image source. The SVG will be rendered right from the code without triggering a server request. This tool will:

SVG to URI 是一款免费的 Web 应用程序，它将 SVG 文档的内容编码为以 64 位数字编码的等效字符串表示形式。 Base64 是一种将二进制数据转换为 ASCII 文本格式的编码方案。

2016年1月6日 · 在 dataURI 中使用 SVG 的最佳方法 （Optimizing SVGs in data URIs） 原文链接：http://codepen.io/Tigt/post/optimizing-svgs-in-data-uris. 不久前，CSS-Tricks 发表了 …

This pen allows you to **encode SVG files** for use as urls within the `background-image`, `border-image` and `mask-image` CSS properties. It also per...

We can use SVG in CSS via data URI, but without encoding it works only in Webkit based browsers. If encode SVG using encodeURIComponent() it will work everywhere. SVG must …

SVG URI-Encoder and Base64 Converter Tool.

5 天之前 · SVG不进行编码的话，虽然可以data URI 形式在CSS中直接使用SVG，但这仅在基于Webkit的浏览器中有效； 为了兼容其它浏览器，需要使用encodeURIComponent()对SVG 编 …

Easily convert your SVG into CSS ready Data URI code that works on all browsers.🙂 Check out examples of how you can use encoded SVGs here. Paste your SVG code here EXAMPLE

Convert SVG to URI on the fly! SVG to URI is a free web application that encodes SVG document's content to its equivalent string representation encoded with base-64 digits. …

2015年10月27日 · 您将整个 SVG 语法放在您看到 <svg> 开始的地方。 同样在 CSS 中.bg { background: url('data:image/svg+xml;utf8,<svg ...> ... </svg>'); } 除此之外，您可以将 SVG 转 …