最近有一批 icon (不多,大概 20 多个),全都是 png ,前端用的 vue ,开发的时候发用mask-image
的方式引入(主要是有主题颜色的切换),但是有些 icon 有部分灰色的黑底,就导致会很黑,于是想转成 svg 。但是找了好多 png 转 svg 的,部分 icon 转换没问题,但是有部分转的结果要么线条不值(像手画的一样),有的底色不对
![]() |
1
lisongeee 2024-05-27 10:29:54 +08:00 ![]() |
![]() |
2
ajan 2024-05-27 10:30:23 +08:00 ![]() |
![]() |
3
CaptainD 2024-05-27 10:34:39 +08:00 ![]() 我是用的 inkscape , 从各种格式转 svg ,大概转了几百万张,有少部分数学公式的效果不太好,不过 svg 可以再调整,影响不大
https://inkscape.org/ |
4
sharpy 2024-05-27 10:39:35 +08:00 ![]() |
![]() |
6
imherer OP @ajan 这个转出来效果确实不错,它里面就是直接引用了图片,我不能修改颜色了。 能修改颜色吗? 因为 web 有主题颜色切换的需求
|
7
ZnductR0MjHvjRQ3 2024-05-27 10:58:13 +08:00
@imherer 这纯粹设计背锅吧 让他做成 svg 的 或者有几种配色做几版
|
10
ZnductR0MjHvjRQ3 2024-05-27 11:07:25 +08:00
@imherer 我日 这连理由都不想好好找啊
|
![]() |
12
forty 2024-05-27 11:35:06 +08:00
修改颜色,你直接写个算法,动态生成新图片就可以了吧,想怎么转就怎么转啊.
png 转 svg ,就是矢量转位图,那肯定是没办法很好的还原的,否则文件尺寸会暴涨。 |
![]() |
13
CSGO 2024-05-27 11:35:31 +08:00
专业的事还是专业的来,让设计师画。
|
14
xieaoting 2024-05-27 13:54:27 +08:00
png 文件上传到阿里那个字体库呢,下载在下载为 svg 格式或者直接用 fontclass
|
15
frank553000 2024-05-27 14:00:21 +08:00
一直用 VectorMagic ,一般来说都没问题
|
![]() |
16
lizy0329 2024-05-27 14:21:25 +08:00
只有极其简单的图片能转换出效果,稍微有点阴影就歇菜了
|
![]() |
17
imherer OP @xieaoting iconfont.cn 这个吗? 好像只支持上次 svg 图标的呢
|
18
zealotxxxx 2024-05-27 15:19:51 +08:00 ![]() 试试这个:[位图转矢量]( https://svgco.de/)
|
![]() |
19
PaiDaTun 2024-05-27 16:00:37 +08:00
|
22
dlwlrm 2024-05-27 17:08:50 +08:00
设计是来了,日常使用 illustrator 和 VectorMagic 转矢量,如果图片模糊就用图像放大工具再转矢量,如果还模糊就只有动手了……
|
23
dlwlrm 2024-05-27 17:09:48 +08:00
上面的都试了下,发现一楼推荐的工具精细度很好,就是太贵了……
|
24
iMusic 2024-05-27 17:10:25 +08:00
百度字体编辑器可以传图片转 SVG ,效果差强人意
|