SVG 用什么软件打开,取决于你要做什么:只看图形用浏览器,改路径和颜色用 Pixso 或 Inkscape,改 XML 源码用 VS Code 或 Sublime Text,转为位图处理再考虑 GIMP。需要把 SVG 图标放进界面稿时,可以直接使用Pixso 在线 UI 设计工具继续排版。

1. 图像编辑器
图像编辑器也分矢量编辑与位图处理。需要保留路径和可缩放图形时,优先选择矢量编辑器;GIMP 主要用于把 SVG 渲染成像素后处理,两者不能混为一类。
1.1 Pixso
Pixso是一种专业的矢量图形编辑软件,也可以用来打开SVG文件。SVG是一种可缩放矢量图形文件格式,它使用XML语言描述图形和图像。将 SVG 导入 Pixso 后,可编辑被识别的路径、填充和描边;外部字体、滤镜、脚本或嵌入内容的还原情况需要单独检查,还可以将文件导出为其他格式。总的来说,Pixso是一种专业的工具,可以用来打开和编辑SVG文件,适合需要进行更深入编辑的用户。

在 Pixso 工作台使用“导入文件”,或者将 SVG 拖入编辑器画布。导入后先检查路径、填充、描边与字体,再修改并导出需要的资源。下面的菜单图展示的是 SVG 导出入口,不是工作台导入入口。具体操作可见SVG 打开与导入教程。

1.2 Inkscape
Inkscape 是免费开源的矢量图形编辑器,原生支持 SVG。在菜单中选择“文件 → 打开”,再选择本地 .svg。只有系统已把 SVG 关联到 Inkscape 时,双击文件才会直接用它打开;否则应右键选择打开方式。

1.3 GIMP

GIMP 主要是位图图像处理工具。GIMP 官方文档说明,它可以把 SVG 打开为栅格图像,也可以把路径作为 GIMP 路径导入。普通“打开图片”并不等于完整保留 SVG 的所有矢量结构;需要持续编辑图标路径时,应优先用 Pixso 或 Inkscape。
第一步:确保您已经安装了GIMP软件。如果没有安装,您可以在GIMP官方网站上下载并安装最新版本。
第二步:打开GIMP软件。在菜单栏中,选择"文件",然后选择"打开"。
第三步:在弹出的文件对话框中,浏览到您的SVG文件所在的文件夹,并选择要打开的SVG文件。
第四步:设置导入时的画布尺寸,再打开 SVG。图形会按设定尺寸渲染成像素;放大已有位图不会恢复原先的矢量细节。需要路径时,另行选择导入路径,并检查路径是否完整。
2. Web浏览器
由于SVG是基于XML的图像文件格式,所以你可以直接在Web浏览器中查看SVG文件。目前支持SVG格式的主流浏览器包括:
2.1 Google Chrome
Chrome 可以直接显示 SVG。把文件拖入浏览器窗口,或使用 Ctrl+O(macOS 为 Command+O)选择文件。双击 SVG 会启动系统为该后缀设置的默认程序,不保证一定打开 Chrome;想指定浏览器时使用“打开方式”。

2.2 Mozilla Firefox
Mozilla Firefox是一种流行的网络浏览器,也可以用来打开SVG文件。SVG是一种可缩放矢量图形文件格式,它使用XML语言描述图形和图像。然而,注意到Firefox并不支持对SVG文件的编辑和导出功能,它更适合用于浏览和查看SVG文件。如果你需要编辑SVG文件,可以考虑使用其他专业的矢量图形编辑软件。

其它浏览器如Apple Safari,都可以无需任何插件就能轻松打开SVG文件。
3. 图像查看器
系统图片查看器是否支持 SVG,取决于操作系统、应用及版本,不能把 Windows“照片”或 macOS“预览”一概视为通用 SVG 查看器。更直接的办法是指定浏览器打开;希望在文件夹里预览时,再确认系统预览扩展是否已启用。
Windows 用户可以按Microsoft PowerToys 文件资源管理器说明启用 SVG 预览窗格和缩略图。预览只能帮助辨认文件,修改图形仍需编辑器。
4. 代码编辑器
如果你需要修改SVG文件的XML代码,那么你可以使用代码编辑器,例如:
4.1 Sublime Text
Sublime Text是一款强大的文本编辑器,可以用于打开和查看SVG文件。虽然Sublime Text是一个主要用于编程和文本编辑的工具,但它也支持打开和编辑多种文件格式,包括SVG。
在 Sublime Text 中选择“File → Open File”,打开 .svg 后看到的是 XML 源码。修改 fill、stroke 或路径数据后保存,再用浏览器检查图形结果;它不是拖拽节点的可视化矢量画布。

一旦SVG文件被打开,您可以使用Sublime Text的文本编辑功能查看和修改SVG代码。Sublime Text还提供了一些插件和功能,可帮助您更方便地编辑SVG文件,如语法高亮显示和自动补全功能。
需要注意的是,Sublime Text是一款面向开发者和程序员的编辑器,它更适合于对SVG代码进行编辑和修改的场景。如果您需要进行更复杂的图像编辑操作,建议使用专业的图像处理软件,如Pixso或Inkscape。
4.2 Visual Studio Code (VS Code)
Visual Studio Code是一款免费且开源的文本编辑器,广泛用于开发和编辑各种编程语言的代码。尽管它主要用于编程,但也可以用于打开和查看SVG文件。

这些代码编辑器提供了丰富的功能和插件,可以帮助你轻松编辑SVG文件的源代码。
只需要辨认图形,就先用浏览器;要修改图标、插图或页面中的矢量元素,用 Pixso 或 Inkscape;要改源码,用代码编辑器;要转成像素继续修图,用 GIMP。保存前留一份原始 SVG,避免只保留 PNG 后失去可编辑路径。