SVG 转 PNG、JPEG、WebP
拖入 SVG 文件或粘贴 SVG 代码,选好格式和尺寸,就能下载图片。它会从文件里读取尺寸,可放大到 4 倍或指定像素,并在 SVG 有内容无法显示时提醒你。转换在浏览器里完成,不会上传任何文件。
把 SVG 文件拖到这里
最多 20 个文件,每个不超过 5 MB。不会上传:SVG 由浏览器当作图片绘制。
sample.svg
SVG 尺寸: 120 × 80 px · 文件没有给出 width 和 height,所以采用 viewBox 的尺寸。
正在转换…
安全:SVG 只会被当作图片加载,和网页上的图片一样。其中的脚本不会运行,它引用的内容也不会被获取。
限制:一次最多 20 个文件,每个不超过 5 MB,每张图每边最多 16,384 px、不超过 100 百万像素。
工作原理
- •浏览器把 SVG 当作图片加载,和网页上显示一张图片的方式相同,再按你选的尺寸画到画布上并保存。SVG 不会被放进本页面,所以其中的脚本不会运行,它引用的内容也不会被获取。
- •尺寸取自文件的 width 和 height。单位按每英寸 96 像素换算:1 in = 96 px,72 pt = 96 px,25.4 mm = 96 px,1 pc = 16 px。如果文件没有给出 width 和 height,或写的是百分比,就采用 viewBox 的尺寸。两者都没有时,会请你输入尺寸。
- •2 倍表示宽和高都是 SVG 自身尺寸的两倍。指定尺寸时可以保持比例(另一边按比例算出),也可以把图片拉伸到刚好填满你输入的宽和高。
- •背景保持透明时,PNG 和 WebP 会保留透明。JPEG 不支持透明,所以会填充白色,除非你选了别的颜色。
- •图片限制为每边 16,384 像素、100 百万像素以内,文件不超过 5 MB,一次最多 20 个。过大的画布可能让浏览器无声失败,所以本页会先停下并告诉你原因。
常见问题
- 为什么图片里有一部分不见了?
- 以文件形式绘制的图片无法加载网络或旁边文件里的任何内容。SVG 链接的图片、字体和样式表都会被跳过,页面发现这类链接时会提醒你。请把它们嵌入 SVG(例如用 data: 地址)后再转换。
- 为什么文字变成了别的字体?
- 文字使用的是你设备上已安装的字体。SVG 从网上加载的网页字体,在作为图片绘制时无法使用。导出 SVG 之前在设计软件里把文字转成轮廓,就能避免这个问题。
- 该选哪种格式?
- PNG 无损且保留透明,适合标志和图标。JPEG 对照片来说体积更小,但没有透明。WebP 可以保留透明,有时比 PNG 小,不过你的浏览器能否保存它取决于浏览器,不能时页面会告诉你。
- 我的 SVG 会被上传吗?打开安全吗?
- 不会上传:转换在你的浏览器里完成,文件留在你的设备上。SVG 只会被当作图片绘制,图片不会运行其中的脚本。声明了 XML 实体的文件会被拒绝。