创建完全自包含组件的最佳方法是使用DATA URI将图像嵌入到组件中。
而不是这个：
</code>
您可以将图像文件编码为文本格式，如Base64，然后在中使用该文本数据
src
属性：
</code>
更多细节在这里：
<a href="https://www.thesitewizard.com/html-tutorial/embed-images-with-data-urls.shtml" rel="nofollow noreferrer"> https://www.thesitewizard.com/html-tutorial/embed-images-with-data-urls.shtml</A>
这确实增加了组件的大小，但它是自包含的，并且可以移植到其他应用程序，而无需将图像作为单独的文件包含在内。
SVG文件已经是文本，但它们是基于XML的，因此您只需要对文件进行URL编码，而不是Base64对其进行编码。这会产生更小的数据块。
您可以在* nix机器上运行Base64命令：
base64 -i “myimage.jpg”</code>
要么：
base64 -i “myimage.jpg” -o “base64.txt”</code>
或使用在线转换器：