JPG/PNG转真SVG，非base64

今天遇到一个项目中使用纯色图标的问题，用字体麻烦用图片low，所以就想直接用svg，毕竟只有一两个图标。 第一想法是用 DataURI，然后想到了之前 CSS-tricks 的文章，翻了下做下汇总： 不建议把 svg 转 base64 来用 base64 本身浏览器解码也会消耗一定的资源 svg 转 base64 后反而会变大 解决方案： 压缩 svg 文件，使用 SVGO 或者 SV...

可缩放矢量图形（SVG）是一种流行的矢量图像格式，它内置了对动画的支持。 Base64 是一种基于 64 个可打印字符来表示二进制数据的表示方法。 Base64 常用于在通常处理文本数据的场合，表示、传输、存储一些二进制数据，包括 MIME 的电子邮件及 XML 的一些复杂数据。

svg 是一种矢量图 一般用来做页面图标 这种格式的图是字符形式组成，可以加以宽高颜色位置等代码设置。 BASE64是一种图片格式 我们常见的网页上的图片因为尺寸大 一般是在后台服务器请求到的 地址为http://.....base64是可以从后台请求，也可以直接src="base64..." 显示 比较灵活 但也建议适用于尺雨小的图 ...

安装最新版的pscc此文中用的是2018版的 将PS图层转换成SVG文件的免费脚本 首先，需要下载一个脚本文件 save-ps-to-svg1.0.jsx，关于此文件的最新信息，可以到官网查看，将此文件放到PS安装目录下的/Presets/Scripts文件夹中，如果放置脚本的时候PS是打开状态，那么可能需要重启一下。 重启之后可以看到 这样就可以进行下一步...

将svg图片进一步压缩，去除冗余数据，以便前端在web中使用

这边结合自己的使用场景简单做下使用教程👇商业场景中经常需要对Ai生成的插画图进行二次创作，了解Ai做图的小伙伴就知道生成的图分辨率有限，并不方便进行二次创作或印刷使用，这时将图片转为高清大图或者将位图转成矢量图再去二创，之前使用一些现有的在线转矢量工具或者直接用Ai（Illustrator）转换，效果实在拉胯，生成后的调整时间成本接近重新描摹；

PNG转SVG 实现xml的方法

1.准备好要转化的图片 可以看到左侧图片是一个jpg格式的，接下来我们就要把它转化成svg; 2.打开SVG在线编辑器，把图片导入 我们可以打开SVG在线编辑器，把图片再百年机器中打开根据我们需要的大小进行设置，如下图： 3.设置图片和背景图大小等选项 选中图片后，右侧对应的是修改图片的一些选项，包括图片透明度，大小，和旋转角度等设置 不选中图片，右侧对应的是背景图的设置选项，包括高宽大小和颜色； 3.保存图片 图片和背景图设置完成后保存图片 保存成功后，图片就成为了SVG格式的啦！ 最后就可

复制所有内容，粘贴到Resources中，粘贴后需要给 顶层的DrawingGroup设置一个key名称，比如“Map01”，最后直接使用这个Map01资源就可以了，下图所示。到这一步，这个SVG文件可以通过第三方插件(NuGet:SharpVectors)在wpf中显示，但是不能直接在wpf中使用，继续转换。将PS导出的SVG上传阿里巴巴矢量库，然后再把上传的SVG下载下来。下载的SVG格式是这种。

转载地址：http://tech.techweb.com.cn/thread-258715-1-1.html 最基本的交互形式是链接。在 SVG 中，通过一个 <a> 标签提供链接，这与 HTML 链接的方式几乎相同。将 <a> 标签与一个 xlink:href 属性结合使用便可以建立一个链接。在 <a>和 </a> 标签之间的所有内容都作为链接的...

图片转 svg格式 访问网址：https://www.vectorizer.io/

Android studio使用vector创建矢量图并加载在布局里面。从此没有UI给图形也可以自己画一个出来了，是不是很炫酷呢？