png 转 svg 有没有好的解决方案 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
imherer
V2EX    程序员

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

  •  
  •   imherer 2024-05-27 10:13:00 +08:00 3094 次点击
    这是一个创建于 512 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    24 条回复    2024-05-27 17:10:25 +08:00
    lisongeee
        1
    lisongeee  
       2024-05-27 10:29:54 +08:00   3
    https://vectorizer.ai/

    我用的 ai ,在我的场景下效果还行
    ajan
        2
    ajan  
       2024-05-27 10:30:23 +08:00   1
    这个小工具 不知道是不是你想要的

    https://fulicat.com/lab/image2svg/
    CaptainD
        3
    CaptainD  
       2024-05-27 10:34:39 +08:00   1
    我是用的 inkscape , 从各种格式转 svg ,大概转了几百万张,有少部分数学公式的效果不太好,不过 svg 可以再调整,影响不大
    https://inkscape.org/
    sharpy
        4
    sharpy  
       2024-05-27 10:39:35 +08:00   5
    imherer
        5
    imherer  
    OP
       2024-05-27 10:49:42 +08:00
    @lisongeee 这个发现有些地方有漏的缺像素的 怎么修改?
    imherer
        6
    imherer  
    OP
       2024-05-27 10:50:33 +08:00
    @ajan 这个转出来效果确实不错,它里面就是直接引用了图片,我不能修改颜色了。 能修改颜色吗? 因为 web 有主题颜色切换的需求
    ZnductR0MjHvjRQ3
        7
    ZnductR0MjHvjRQ3  
       2024-05-27 10:58:13 +08:00
    @imherer 这纯粹设计背锅吧 让他做成 svg 的 或者有几种配色做几版
    imherer
        8
    imherer  
    OP
       2024-05-27 11:04:12 +08:00
    @Motorola3 是啊,外包的水平有限,他说他们搞不出来 svg ,妈蛋
    imherer
        9
    imherer  
    OP
       2024-05-27 11:05:24 +08:00
    @sharpy 这个比我找的那些好了不少,但是有些线条还是不值,像手画的一样
    ZnductR0MjHvjRQ3
        10
    ZnductR0MjHvjRQ3  
       2024-05-27 11:07:25 +08:00
    @imherer 我日 这连理由都不想好好找啊
    ajan
        11
    ajan  
       2024-05-27 11:21:43 +08:00
    @imherer 我这个工具的本质是将图片内嵌到 SVG 里面,不算真正的转换。
    forty
        12
    forty  
       2024-05-27 11:35:06 +08:00
    修改颜色,你直接写个算法,动态生成新图片就可以了吧,想怎么转就怎么转啊.
    png 转 svg ,就是矢量转位图,那肯定是没办法很好的还原的,否则文件尺寸会暴涨。
    CSGO
        13
    CSGO  
       2024-05-27 11:35:31 +08:00
    专业的事还是专业的来,让设计师画。
    xieaoting
        14
    xieaoting  
       2024-05-27 13:54:27 +08:00
    png 文件上传到阿里那个字体库呢,下载在下载为 svg 格式或者直接用 fontclass
    frank553000
        15
    frank553000  
       2024-05-27 14:00:21 +08:00
    一直用 VectorMagic ,一般来说都没问题
    lizy0329
        16
    lizy0329  
       2024-05-27 14:21:25 +08:00
    只有极其简单的图片能转换出效果,稍微有点阴影就歇菜了
    imherer
        17
    imherer  
    OP
       2024-05-27 14:39:24 +08:00
    @xieaoting iconfont.cn 这个吗? 好像只支持上次 svg 图标的呢
    zealotxxxx
        18
    zealotxxxx  
       2024-05-27 15:19:51 +08:00   1
    试试这个:[位图转矢量]( https://svgco.de/)
    PaiDaTun
        19
    PaiDaTun  
       2024-05-27 16:00:37 +08:00
    png 在线转 svg 的这种工具基本都不靠谱,靠谱的做法就是转给设计,如果没有设计也可以自己在 illustrator 或者 sketch 上重绘图标,软件简单学一学就行了,绘制路径,填充之类的,把 png 图片固定在画布上描边就行了,10 个图标也用不了多长时间,或者付费我代劳帮忙画,按照图标复杂复评估费用
    imherer
        20
    imherer  
    OP
       2024-05-27 16:20:39 +08:00
    @PaiDaTun 哈哈哈,感谢感谢。 放弃了,不用他们给的图标了,直接免费开源图标一把梭
    xieaoting
        21
    xieaoting  
       2024-05-27 16:35:44 +08:00
    @imherer 哦对,貌似不行,我搞反了,我用若依那个的时候是 svg 往上传的,抱歉
    dlwlrm
        22
    dlwlrm  
       2024-05-27 17:08:50 +08:00
    设计是来了,日常使用 illustrator 和 VectorMagic 转矢量,如果图片模糊就用图像放大工具再转矢量,如果还模糊就只有动手了……
    dlwlrm
        23
    dlwlrm  
       2024-05-27 17:09:48 +08:00
    上面的都试了下,发现一楼推荐的工具精细度很好,就是太贵了……
    MzM2ODkx
        24
    MzM2ODkx  
       2024-05-27 17:10:25 +08:00
    百度字体编辑器可以传图片转 SVG ,效果差强人意
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     952 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 19:43 PVG 03:43 LAX 12:43 JFK 15:43
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86