V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
imherer
V2EX  ›  程序员

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

  •  
  •   imherer · 182 天前 · 2449 次点击
    这是一个创建于 182 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    24 条回复    2024-05-27 17:10:25 +08:00
    lisongeee
        1
    lisongeee  
       182 天前   ❤️ 3
    https://vectorizer.ai/

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

    https://fulicat.com/lab/image2svg/
    CaptainD
        3
    CaptainD  
       182 天前   ❤️ 1
    我是用的 inkscape , 从各种格式转 svg ,大概转了几百万张,有少部分数学公式的效果不太好,不过 svg 可以再调整,影响不大
    https://inkscape.org/
    sharpy
        4
    sharpy  
       182 天前   ❤️ 5
    imherer
        5
    imherer  
    OP
       182 天前
    @lisongeee 这个发现有些地方有漏的缺像素的 怎么修改?
    imherer
        6
    imherer  
    OP
       182 天前
    @ajan 这个转出来效果确实不错,它里面就是直接引用了图片,我不能修改颜色了。 能修改颜色吗? 因为 web 有主题颜色切换的需求
    ZnductR0MjHvjRQ3
        7
    ZnductR0MjHvjRQ3  
       182 天前
    @imherer 这纯粹设计背锅吧 让他做成 svg 的 或者有几种配色做几版
    imherer
        8
    imherer  
    OP
       182 天前
    @Motorola3 是啊,外包的水平有限,他说他们搞不出来 svg ,妈蛋
    imherer
        9
    imherer  
    OP
       182 天前
    @sharpy 这个比我找的那些好了不少,但是有些线条还是不值,像手画的一样
    ZnductR0MjHvjRQ3
        10
    ZnductR0MjHvjRQ3  
       182 天前
    @imherer 我日 这连理由都不想好好找啊
    ajan
        11
    ajan  
       182 天前
    @imherer 我这个工具的本质是将图片内嵌到 SVG 里面,不算真正的转换。
    forty
        12
    forty  
       182 天前
    修改颜色,你直接写个算法,动态生成新图片就可以了吧,想怎么转就怎么转啊.
    png 转 svg ,就是矢量转位图,那肯定是没办法很好的还原的,否则文件尺寸会暴涨。
    CSGO
        13
    CSGO  
       182 天前
    专业的事还是专业的来,让设计师画。
    xieaoting
        14
    xieaoting  
       182 天前
    png 文件上传到阿里那个字体库呢,下载在下载为 svg 格式或者直接用 fontclass
    frank553000
        15
    frank553000  
       182 天前
    一直用 VectorMagic ,一般来说都没问题
    lizy0329
        16
    lizy0329  
       182 天前
    只有极其简单的图片能转换出效果,稍微有点阴影就歇菜了
    imherer
        17
    imherer  
    OP
       182 天前
    @xieaoting iconfont.cn 这个吗? 好像只支持上次 svg 图标的呢
    zealotxxxx
        18
    zealotxxxx  
       182 天前   ❤️ 1
    试试这个:[位图转矢量]( https://svgco.de/)
    PaiDaTun
        19
    PaiDaTun  
       182 天前
    png 在线转 svg 的这种工具基本都不靠谱,靠谱的做法就是转给设计,如果没有设计也可以自己在 illustrator 或者 sketch 上重绘图标,软件简单学一学就行了,绘制路径,填充之类的,把 png 图片固定在画布上描边就行了,10 个图标也用不了多长时间,或者付费我代劳帮忙画,按照图标复杂复评估费用
    imherer
        20
    imherer  
    OP
       182 天前
    @PaiDaTun 哈哈哈,感谢感谢。 放弃了,不用他们给的图标了,直接免费开源图标一把梭
    xieaoting
        21
    xieaoting  
       182 天前
    @imherer 哦对,貌似不行,我搞反了,我用若依那个的时候是 svg 往上传的,抱歉
    dlwlrm
        22
    dlwlrm  
       182 天前
    设计是来了,日常使用 illustrator 和 VectorMagic 转矢量,如果图片模糊就用图像放大工具再转矢量,如果还模糊就只有动手了……
    dlwlrm
        23
    dlwlrm  
       182 天前
    上面的都试了下,发现一楼推荐的工具精细度很好,就是太贵了……
    iMusic
        24
    iMusic  
       182 天前
    百度字体编辑器可以传图片转 SVG ,效果差强人意
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4005 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 89ms · UTC 10:23 · PVG 18:23 · LAX 02:23 · JFK 05:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.