png 转 svg 有没有好的解决方案

30 天前
 imherer

最近有一批 icon (不多,大概 20 多个),全都是 png ,前端用的 vue ,开发的时候发用mask-image的方式引入(主要是有主题颜色的切换),但是有些 icon 有部分灰色的黑底,就导致会很黑,于是想转成 svg 。但是找了好多 png 转 svg 的,部分 icon 转换没问题,但是有部分转的结果要么线条不值(像手画的一样),有的底色不对

2115 次点击
所在节点    程序员
24 条回复
lisongeee
30 天前
https://vectorizer.ai/

我用的 ai ,在我的场景下效果还行
ajan
30 天前
这个小工具 不知道是不是你想要的

https://fulicat.com/lab/image2svg/
CaptainD
30 天前
我是用的 inkscape , 从各种格式转 svg ,大概转了几百万张,有少部分数学公式的效果不太好,不过 svg 可以再调整,影响不大
https://inkscape.org/
sharpy
30 天前
imherer
30 天前
@lisongeee 这个发现有些地方有漏的缺像素的 怎么修改?
imherer
30 天前
@ajan 这个转出来效果确实不错,它里面就是直接引用了图片,我不能修改颜色了。 能修改颜色吗? 因为 web 有主题颜色切换的需求
Motorola3
30 天前
@imherer 这纯粹设计背锅吧 让他做成 svg 的 或者有几种配色做几版
imherer
30 天前
@Motorola3 是啊,外包的水平有限,他说他们搞不出来 svg ,妈蛋
imherer
30 天前
@sharpy 这个比我找的那些好了不少,但是有些线条还是不值,像手画的一样
Motorola3
30 天前
@imherer 我日 这连理由都不想好好找啊
ajan
30 天前
@imherer 我这个工具的本质是将图片内嵌到 SVG 里面,不算真正的转换。
forty
30 天前
修改颜色,你直接写个算法,动态生成新图片就可以了吧,想怎么转就怎么转啊.
png 转 svg ,就是矢量转位图,那肯定是没办法很好的还原的,否则文件尺寸会暴涨。
CSGO
30 天前
专业的事还是专业的来,让设计师画。
xieaoting
30 天前
png 文件上传到阿里那个字体库呢,下载在下载为 svg 格式或者直接用 fontclass
frank553000
30 天前
一直用 VectorMagic ,一般来说都没问题
lizy0329
30 天前
只有极其简单的图片能转换出效果,稍微有点阴影就歇菜了
imherer
30 天前
@xieaoting iconfont.cn 这个吗? 好像只支持上次 svg 图标的呢
zealotxxxx
30 天前
试试这个:[位图转矢量]( https://svgco.de/)
PaiDaTun
30 天前
png 在线转 svg 的这种工具基本都不靠谱,靠谱的做法就是转给设计,如果没有设计也可以自己在 illustrator 或者 sketch 上重绘图标,软件简单学一学就行了,绘制路径,填充之类的,把 png 图片固定在画布上描边就行了,10 个图标也用不了多长时间,或者付费我代劳帮忙画,按照图标复杂复评估费用
imherer
30 天前
@PaiDaTun 哈哈哈,感谢感谢。 放弃了,不用他们给的图标了,直接免费开源图标一把梭

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1044205

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX