如何打开SVG文件并保存为PNG或JPG

打开SVG文件最简单的方法是用网页浏览器：把它拖进Chrome、Edge、Firefox或Safari。在Windows上，右键点按文件，选择“打开方式”>“Microsoft Edge”。在Mac上，在“访达”中选中文件，按空格键用“快速查看”预览。如果要分享或上传，就把它转成PNG或JPG。

SVG文件是什么？

SVG是Scalable Vector Graphics（可缩放矢量图形）的缩写。SVG是一组用文字写成的绘图指令：线条、曲线、形状和颜色。所以它在任何尺寸下都清晰，标志、图标和简单插图也常常以SVG格式提供。

这也解释了为什么打开它时容易让人困惑。看图软件需要的是像素网格，所以有些看图软件什么也显示不出来，或者直接报错。而浏览器原生支持绘制SVG，因为SVG是一项网页标准。如果用普通文本编辑器打开文件，你会看到代码本身，开头类似这样： <svg.

很多地方根本不接受上传SVG。社交媒体头像、办公文档、邮件签名和大多数聊天App都要求PNG或JPG。有些平台禁止SVG，因为文件可能包含脚本。这就是人们通常需要PNG副本的原因。常见格式的快速对比，请看PNG和JPG对比指南。

如何在Windows上打开SVG文件

1. 在文件资源管理器中右键点按.svg文件。
2. 选择“打开方式”，再选“Microsoft Edge”。如果装了Chrome或Firefox，也可以用。
3. 要设为默认，选择“选择其他应用”，选中你的浏览器，然后选择“始终”。

文件资源管理器可能会把SVG显示成空白图标，而不是缩略图。Microsoft免费的PowerToys可以解决这个问题。它的文件资源管理器加载项包括预览窗格的SVG预览和SVG缩略图。在PowerToys设置中打开它们，如果缩略图没有马上出现，就重启资源管理器。

“画图”和传统的看图软件处理SVG并不可靠。如果要编辑图形，请使用Inkscape这样的矢量编辑器，它免费且开源。

如何在Mac上打开SVG文件

• 快速查看：在“访达”中选中文件，按空格键。图形会在预览窗口中显示出来。
• Safari：把文件拖到Safari上，或者右键点按文件，选择“打开方式”>“Safari浏览器”。其他浏览器的用法也一样。
• “访达”的图标视图和画廊视图会以缩略图显示图形。

取决于macOS版本，“预览”并不总能打开SVG文件，所以Safari是更可靠的选择。如果要编辑，Inkscape在macOS上也能运行。

在手机上打开SVG

手机对SVG的支持参差不齐，点按文件可能什么有用的内容都看不到。最快的办法是用下面的工具，在手机浏览器里把它转成PNG。然后像其他图片一样查看或分享这个PNG。

编辑SVG，而不只是查看

因为SVG是文本，小改动不需要专门的软件。用代码或文本编辑器打开它，修改 fill 的值就能改变颜色，比如把 #000000 改成 #1a73e8。保存后，在浏览器里重新加载文件查看效果。先备份一份原文件，因为一个多余的字符就可能让文件无法显示。如果是更大的改动，比如移动形状、编辑文字或组合标志，就用Inkscape。它可以直接打开SVG并保存回SVG，过程中不会有任何内容被转成像素。

如何在浏览器里把SVG转成PNG或JPG

SVG转PNG/JPG转换器在浏览器里渲染文件，从不上传。手机和电脑上都能用。

1. 打开转换工具，添加你的SVG文件。
2. 选择PNG；如果需要实色背景，就选JPG。
3. 设置缩放比例。缩放比例越大，像素越多，在大屏幕上效果越清晰。
4. 如果上传有文件大小限制，请设置最大大小。
5. 转换并下载图片。

因为浏览器绘制SVG的效果很好，结果通常和你在Chrome、Edge、Firefox或Safari里打开SVG时看到的一样。

PNG保留透明，所以背景透明的标志仍然是透明的。JPG会用实色填充透明区域。所以标志和图标通常选PNG，JPG则适合表单明确要求的情况。

如何在Inkscape里把SVG转成PNG

1. 在Inkscape中打开SVG。
2. 用“文件”>“导出”打开导出对话框，或按Shift+Ctrl+E。
3. 选择导出范围：整个页面、绘图、所选对象或自定义区域。
4. 输入以像素为单位的宽度或高度，或设置DPI。其他数值会随之更新。
5. 文件类型选PNG，填写文件名，然后点按“导出”。

Inkscape默认导出透明背景。如果要白色背景，导出前在“文档属性”（Shift+Ctrl+D）中设置背景颜色和不透明度。

PNG或JPG应该导出多大？

SVG可以是任意尺寸，但PNG的尺寸是固定的。从图片的用途倒推。

• 用于网站或App时，先查看显示尺寸，再按两倍的宽度和高度导出。高密度屏幕会显示出多出来的细节。
• 用于有自己要求的平台时（比如头像或网站图标），使用平台列出的精确尺寸。
• 用于打印时，用打印尺寸（英寸）乘以DPI。按300 DPI计算，2英寸宽的标志需要600像素。300 DPI指南解释了计算方法。

需要什么尺寸，就从同一个SVG导出什么尺寸。把SVG作为母版文件保留。

SVG转PNG时的常见问题

字体看起来不对

SVG可以只按名称引用字体，而不包含字体本身。如果进行转换的设备上没有安装这种字体，就会使用替代字体。保存SVG之前，在设计软件里把文字转换为轮廓。在Inkscape中，选中文字，使用“路径”>“对象转化成路径”。

图像的一部分缺失

有些SVG链接外部图片或样式表，而不是嵌入它们。转换工具访问不到这些文件时，绘制出来的SVG就会缺少它们。请从原始设计工具重新导出SVG，并嵌入图片。

PNG周围有一个黑色或白色的框

输出为JPG时会这样，SVG本身包含背景矩形时也会这样。选择PNG，并检查源文件里图形后面是否有填充形状。

PNG看起来模糊或文件很大

PNG模糊，是因为导出的尺寸比显示尺寸小。用更大的宽度重新导出，因为放大PNG无法找回细节。如果文件太大，就用PNG压缩工具处理一下。

反过来，把像素图片转成SVG，需要描摹，而且只适用于简单的图形。JPG和PNG转SVG指南说明了会得到什么结果。

常见问题