SVG 为 Inkscape 原生矢量格式,操作方式:执行【文件→另存为】,在文件类型中按需选择格式。自留源文件选择Inkscape SVG;通用交互选择普通 SVG(Plain SVG);用于网页图标推荐优化 SVG。
导出前清理多余辅助元素;存在文字时,如需跨软件正常显示,可将文字转为路径。普通 SVG 遵循国际 SVG 标准,兼容性最好,适合网页、第三方软件打开使用。
SVG是Inkscape原生格式,使用【保存/另存为】实现,不要使用“导出PNG”功能(那是位图)。
一、基础操作流程
1. 完成图形绘制,清理多余辅助线、隐藏草稿图层;
2. 点击顶部菜单:文件 → 另存为(Ctrl+Shift+S)
Ctrl+S默认保存为 Inkscape SVG,适合自己后续继续编辑;对外交付建议用另存为。
3. 在保存窗口的文件类型下拉框,有三种常用SVG选项:
Inkscape SVG(*.svg)
保留软件专属图层信息、参考线、扩展属性;仅适合在Inkscape再次编辑,文件偏大,不适合网页、其他软件打开。
Plain SVG / 普通SVG(*.svg)【对外通用首选】
删除Inkscape私有扩展标签,遵循标准W3C SVG规范,浏览器、AI、网页、小程序都能正常读取。
优化SVG(Optimized SVG)
进一步精简代码、删除冗余数据,网页图标、前端开发最优选择。
4. 设置保存路径、文件名,点击保存;弹出SVG选项窗口,保持默认确认即可。
二、三种SVG格式适用场景区分
1. 源文件自留、后续继续修改:Inkscape SVG
2. 发给其他设计师、通用软件交互:普通SVG(Plain SVG)
3. 网页图标、网站UI、前端使用:优化SVG
三、导出SVG重要注意事项(避坑要点)
1. 文字兼容问题
若文件含有文字,跨软件打开容易缺字体、变形。定稿后建议选中文字 → 路径→对象转路径(Ctrl+Shift+C),文字转为矢量图形;转换后文字无法再次修改。
2. 透明、滤镜效果
部分软件不支持复杂滤镜、蒙版,交付前尽量简化效果。
3.位图嵌入提醒
如果文件包含照片等位图,SVG依然会嵌入图片,不再是纯矢量,放大后会模糊。
4. 不要混淆:【导出PNG图像】是位图,不能生成SVG矢量文件。