png转svg格式并上传至iconfont

ゝ一纸荒年。 2022-11-19 12:51 601阅读 0赞

实现方案：

1.  下载转换工具inkscape
2.  登录阿里图标上传svg

#### inkscape中文版安装教程： ####

百度网盘链接：[https://pan.baidu.com/s/11u657grvzuD7AaLdHy93uw][https_pan.baidu.com_s_11u657grvzuD7AaLdHy93uw]  
提取码：6aee

**下载后直接安装，在Choose Setup Type这步选择Typical，这个安装后是中文版的。**

--------------------

#### inkscape使用教程： ####

1.  选择 文件 --> 打开 --> 选择需要转换的图片
2.  选择导入的图片配置
    
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG45XzE0_size_16_color_FFFFFF_t_70]
3.  **选中图片（重要)**
4.  选择 图层 --> 层置顶
5.  选择 路径 --> 临摹位图轮廓  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG45XzE0_size_16_color_FFFFFF_t_70 1]
    
    **一定要勾选删除背景图，不然上传到阿里iconfont会是一个空白的图标**
    
    配置完后点击确定
6.  选择 文件 --> 另存为 就可以得到一个svg格式的图标了。

#### 上传iconfont ####

![在这里插入图片描述][20210112182529602.png]![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-q3uXwFas-1610446990145)(en-resource://database/511:1)\]][img-q3uXwFas-1610446990145_en-resource_database_511_1]  
![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-k9EXaBAo-1610446990147)(en-resource://database/513:1)\]][img-k9EXaBAo-1610446990147_en-resource_database_513_1]

然后在资源管理 --> 我的图标就能看到上传的图标了。

[https_pan.baidu.com_s_11u657grvzuD7AaLdHy93uw]: https://pan.baidu.com/s/11u657grvzuD7AaLdHy93uw
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG45XzE0_size_16_color_FFFFFF_t_70]: /images/20221119/3cad9338c24b4d26b4e0a2ff3014ba77.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG45XzE0_size_16_color_FFFFFF_t_70 1]: /images/20221119/83957912ace2450d81725ef7d25e7388.png
[20210112182529602.png]: https://img-blog.csdnimg.cn/20210112182529602.png
[img-q3uXwFas-1610446990145_en-resource_database_511_1]: /images/20221119/2ba39cb59d1b4d58a2d13b832bbdaedd.png
[img-k9EXaBAo-1610446990147_en-resource_database_513_1]: /images/20221119/37d39be27b044a95a2903a5193ceea8b.png