Css 如何将图像转换为;数据:image/svg+;xml;base64“;

Css 如何将图像转换为;数据:image/svg+;xml;base64“;,css,xml,svg,base64,Css,Xml,Svg,Base64,如何将图像转换为“data:image/svg+xml;base64” 我试过了,但它只生成了一个数据:image/png;base64。我需要数据:image/svg+xml;base64。我是否需要将其以特定方式保存在(示例)Photoshop中?数据:image/png;base64用于位图数据(PNG)和 数据:image/svg+xml;base64用于矢量数据(SVG) 所以你需要一个程序来将位图数据(像素)转换成矢量数据,这相当复杂 另一个方向(矢量到位图)很简单 简而言之,区别在

如何将图像转换为“data:image/svg+xml;base64”


我试过了,但它只生成了一个
数据:image/png;base64
。我需要
数据:image/svg+xml;base64
。我是否需要将其以特定方式保存在(示例)Photoshop中?

数据:image/png;base64用于位图数据(PNG)和
数据:image/svg+xml;base64用于矢量数据(SVG)

所以你需要一个程序来将位图数据(像素)转换成矢量数据,这相当复杂

另一个方向(矢量到位图)很简单

简而言之,区别在于:

  • 矢量数据由复杂对象组成(直线、圆、椭圆等)
  • 位图数据由一系列点组成(点、点、点…)

嘿,谢谢。有没有将位图转换为矢量数据的快捷方式?最简单的方法是使用矢量图形程序,如。您需要使用一些SVG编辑器。遗憾的是,Photoshop无法创建真正的矢量图像。看看这里的答案