SVG文件怎么打开？电脑/手机/浏览器全攻略

一、电脑上打开SVG的四种方式

• 浏览器（最简单）：把 SVG 文件拖进 Chrome、Edge、Firefox 或 Safari 窗口即可显示；也可以右键文件选择「打开方式」，指定浏览器；
• 设置默认程序：经常处理 SVG 的话，把 .svg 文件关联到浏览器或设计软件，双击即可直接打开；
• 设计软件：Illustrator、Figma 与免费的 Inkscape 都能打开并编辑 SVG，适合深度加工；
• 代码编辑器：SVG 本质是 XML 文本，用 VS Code 打开可以查看和修改源码，排查问题很方便。

设置默认程序的具体操作：Windows 上右键 SVG 文件，选「打开方式 → 选择其他应用」，勾选「始终使用此应用」；macOS 上右键选「显示简介」，在「打开方式」里选好浏览器后点「全部更改」，之后双击即可直接预览。

二、手机上怎么打开SVG

安卓：部分文件管理器不能直接预览 SVG，长按文件选择「用其他应用打开」，选浏览器即可。iPhone：把 SVG 保存到「文件」App，较新的系统可直接预览；如果不显示，通过分享菜单用 Safari 打开。微信、QQ 里收到的 SVG 会被当作普通文件，点「用其他应用打开」选浏览器就能正常显示。

总的来说，手机浏览器是最稳妥的 SVG 查看器，不需要额外安装任何 App。平板设备同理，用自带浏览器打开即可，无需专门的查看器。

三、双击打开显示代码或空白怎么办

显示一堆代码：说明文件被关联到了记事本等文本编辑器。SVG 本来就是文本，这属于正常现象，改用浏览器打开即可看到图形。打开空白：先确认文件是否完整——用代码编辑器打开，正常的 SVG 应以 <svg> 标签或 <?xml 声明开头；如果看到的是 <html> 之类的网页代码，多半是下载时把报错页面存成了 .svg，需要重新下载。另外，文件若引用了外部图片或字体，资源加载失败也会导致内容缺失。

另外提醒一点：SVG 是可能携带脚本的文本格式，来路不明的 SVG 文件不要随意在浏览器里打开，先用代码编辑器检查内容更安全，确认文件以 svg 标签开头、没有可疑脚本后再预览。

四、打开后想修改？用在线编辑器

只是想改个颜色、去个背景、删几个元素，不必安装大型软件。打开 PolySVG 在线SVG编辑器（直达入口 /editor），上传文件后即可点选路径删除、一键去背景、改色、画笔补绘、橡皮擦擦除，随时撤销重做，完成后导出 SVG 或 PNG。免费、免安装、无需注册。

五、只想看图？转成PNG最省事

如果对方的设备打不开 SVG，最简单的办法是转成 PNG：用编辑器导出 PNG，或在浏览器打开后截图。想系统了解 SVG 格式本身，可以读 SVG是什么格式；手头有位图想做成 SVG，用 图片转SVG工具 几步就能完成。

如果你是开发者，还可以把 SVG 直接内联进 HTML，或用 img 标签引用，浏览器会即时渲染——这也是网页上打开 SVG 最常见的方式。