• 请不要在回答技术问题时复制粘贴 AI 生成的内容
imherer
V2EX  ›  程序员

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

  •  
  •   imherer · May 27, 2024 · 4174 views
    This topic created in 892 days ago, the information mentioned may be changed or developed.

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

    24 replies  •  2024-05-27 17:10:25 +08:00
    lisongeee
    lisongeee
    May 27, 2024❤️3
    1
    https://vectorizer.ai/

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

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