功能亮点
- 按倍率放大渲染,小尺寸 SVG 也能导出清晰大图
- 也可以直接指定宽高,单边留空时按原宽高比自动推导
- 读取 SVG 自身的尺寸声明,缺省时按 viewBox 推导
- 转换前会清理 SVG 里的脚本标签与内联事件属性
- 全部在浏览器本地完成,文件不上传服务器
能力与限制
- 支持格式
- SVG
- 输出格式
- PNG、JPG、WebP
- 单文件体积上限
- 10 MB
- 批量能力
- 单张处理
- 处理位置
- 浏览器本地处理,图片不上传服务器
参数说明
| 参数 | 取值 |
|---|---|
| 输出格式 | PNG / JPG / WebP |
| 尺寸 | 按倍率 / 自定义宽高 |
| 渲染倍率 | 1x / 2x / 3x / 4x |
| 宽度 | 1–10000px |
| 高度 | 1–10000px |
| 背景色 | 默认 #FFFFFF |
| 质量 | 10–100 |
使用方法
- 1上传 SVG 文件(单文件处理)
- 2选择尺寸方式:按倍率,或自定义宽高
- 3按需选择输出格式与背景色
- 4结果自动生成,在结果区预览渲染效果
- 5确认清晰度与尺寸后下载
常见问题
文件会被上传到服务器吗?
不会。SVG 的解析与渲染都在浏览器本地完成,文件不经过服务器,关闭页面即结束。
SVG 里的外部图片或字体没渲染出来?
SVG 引用的外部资源(外链图片、Web 字体)在本地渲染时可能加载不到,结果里就会缺这部分内容。把图片内嵌为 Data URI、文字转成轮廓后再转换,效果最稳。
为什么导出很大的尺寸也不糊?
因为 SVG 是矢量描述,渲染时按目标尺寸重新计算,而不是把已有像素放大。倍率越高,导出的像素越多、细节越足。
转出来的图背景是透明的吗?
取决于 SVG 本身和输出格式:输出格式支持透明时会保留透明背景;不支持透明的格式需要先铺一层背景色,颜色可在参数里改。
提示渲染失败怎么办?
多半是 SVG 结构有问题,比如引用了外部资源、内嵌数据异常。用编辑器重新导出一份干净的 SVG 再试。