使用方法
- 选择 SVG 来源:SVG 文件,或 粘贴的 SVG 代码。若选择文件,请点击 选择文件,或把文件拖到方框中。
- 设置 尺寸。比例 会乘以图形本身的尺寸,宽度(像素) 则让图片达到该宽度。
- 选择 背景。选择透明时,PNG、WebP 和 AVIF 中的透空部分会保持透明;选择颜色则会填满这些部分。
- 选择 输出格式,然后点击 转换图形。转换多个文件时,结果会打包为一个 ZIP。
尺寸与清晰度
SVG 是由形状组成的图形,因此任何尺寸下都保持清晰。比例作用于图形声明的宽度和高度;若缺少这些属性,则作用于其 viewBox。比例为4倍的图片,每个方向的像素都是原来的4倍,总像素则为16倍。
链接与脚本
图形通过浏览器的图片元素显示。SVG 内的脚本不会运行,指向其他文件的链接(例如字体或以地址引用的图片)也不会被加载。因此文字可能会以备用字体绘制。若需要特定字体,请在制作 SVG 的程序中把文字转换为轮廓。
透明度与格式
PNG、WebP 和 AVIF 会保留透明区域。JPEG 没有透明度,因此除非您选择颜色,否则其背景为白色。最长边限制为8,192像素;超过浏览器所能容纳的图片会被缩小。
示例:64 × 64的图标放大四倍
一个宽度和高度均为64的 SVG 图标,比例为4时变为256 × 256像素。若改为宽度1,024,则同一图标变为1,024 × 1,024像素。它依然清晰,因为浏览器会在该尺寸下重新绘制图形。
常见问题
SVG 会被上传到服务器吗?
不会。文件或粘贴的代码在您的浏览器中读取并绘制,PNG、JPEG、WebP 或 AVIF 文件也在您的设备上生成。页面加载完成后,您可以断开网络连接,再转换一幅图形自行验证。
为什么图片中某些字体看起来不一样?
如果图形指定了图片无法获取的字体,浏览器会使用备用字体。通过网址引用的字体不会被加载,因此请在制作 SVG 的程序中把文字转换为轮廓。
为什么 SVG 中链接的图片不见了?
出于安全考虑,作为图片显示的图形不会加载其他文件,因此以网址引用的图片会被略去。请把图片以数据地址的形式嵌入 SVG,或先转换它。
为什么我的图片比预期的小?
除非您选择比例或宽度,否则图片取图形自身的尺寸。没有宽度或高度的图形使用其 viewBox;两者都没有的图形则按512像素的正方形处理。
应该选择哪种输出格式?
PNG 无损且保留透明度,适合图标和徽标。JPEG 用于照片时较小,但没有透明度。WebP 和 AVIF 更小,但需要您的浏览器支持保存这些格式。
可以一次转换多个 SVG 文件吗?
可以。最多可选择30个文件一起转换。每个文件保留原文件名,只更换扩展名;全部结果会打包为一个 ZIP 文件下载。
资料来源
数据和文字最近核对于2026年11月10日星期二。