Question

到我的svg中照片的链接超过1,100行代码。我非常确定，因为我在Adobe Illustrator中使用了图像跟踪工具，然后在Photoshop中剪切了想要的确切部分，然后创建了SVG。如果我唯一的选择是更有效地重新创建徽标，那很好。我想我只是希望有一种更简单的方法，因为我已经花了几个小时了。

我一直在寻找一种优化它的方法，但是没有发现任何针对这种情况的特定方法。有人遇到过这个吗？

<image style="overflow:visible;" width="560" height="231" id="Layer_1_1_" 
xlink:href="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAi4AAADuCAYAAAAePYxCAAAACXBIWXMAABSbAAAUmwGHzxCEAAAA
GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAABWT9JREFUeNrsvWmPJFl2JfZs8X33
2DPWjCUj11p6qapucro5I4kgZgiCGHAolhrQBwLzCwRhBG2j7YP0YT5QwAADQhI1gho1GpLAsLsF
LkOou9nd1d21dFVWVWYtmVWVlWtExubhsfhqZrrnvvfMzT08IjwiPLIiq+wlLH0Jd3OzZ8/ePe/c
e88VImxhC1vYwha2sIXtKWlG2AVh+6K0//af/w9WJBpJRGmLRWNWJpMx05lMwrKsJP3ZejJH4Ylm
0xGe5/X8jWazKRzHOfQzrtqnQ8891+Xf4PfpOb7fUM8bjYZwHXpsNppO09lpOM2a02i49NkmfW7H..." transform="matrix(0.5357 0 0 0.5504 6.5751 1.8521)">
</image>

很明显我无法显示所有角色，但总数超过12,000，任何帮助将不胜感激。

Answer 1

而不是使用SVG图像的base64源。只需使用.svg文件即可。

您可以在此处使用this tool将base64日期转换回SVG文件。

然后，您可以像这样轻松地链接该文件：

<image style="overflow:visible;" width="560" height="231" id="Layer_1_1_" xlink:href="https://example.com/someimage.svg" transform="matrix(0.5357 0 0 0.5504 6.5751 1.8521)">
</image>

如何缩短我在SVG中使用的照片的链接？

1 个答案: