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

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

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

    最近有一批 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
    上面的都试了下,发现一楼推荐的工具精细度很好,就是太贵了……
    iMusic
        24
    iMusic  
       2024-05-27 17:10:25 +08:00
    百度字体编辑器可以传图片转 SVG ,效果差强人意
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3956 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 05:18 · PVG 13:18 · LAX 22:18 · JFK 01:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.