AppHelp
按精确尺寸把 SVG 转成 PNG
粘贴或打开 SVG,检查源尺寸与 viewBox,设置目标宽高、填充方式、留白和背景,再预览并导出清晰 PNG;素材不会上传。
SVG 转 PNG 导出工作台
检查源尺寸,锁定比例,选择填充、留白和背景,再在本地导出精确尺寸 PNG。
浏览器本地渲染常见任务
- SVG 转 PNG
- SVG 转 PNG 工具
- 透明 SVG 转 PNG
- SVG 高清导出
- SVG 2倍图
- SVG 光栅化
- 本地 SVG 转 PNG
- 免费 SVG 转 PNG
快速答案
粘贴 SVG 代码或打开 .svg 文件,选择 1×–4× 或输入精确宽高,锁定或解除源宽高比,再选择完整显示、铺满裁切或拉伸,以及透明或纯色背景。AppHelp 会在 Canvas 渲染前移除活动内容与外部引用,并在本地导出 PNG。
使用步骤
- 1. 粘贴或打开 SVG输入 SVG 代码,或选择小于 2 MB 的 .svg 文件,并确认识别出的源宽高和 viewBox。
- 2. 设置输出尺寸选择 1×–4× 或输入精确像素。普通缩放保持比例锁定;只有确实需要自定义画布时才解除。
- 3. 选择填充和背景完整显示会保留全部图稿,铺满裁切会填满画布并裁边,拉伸会强制宽高。再设置留白、透明或纯色背景。
- 4. 检查并导出阅读内容移除和内存提示,在预览中检查透明区与边缘,再复制或下载 PNG。
示例
2× 应用图标
输入
512 × 512 且包含 viewBox 的 SVG
社交分享图
输出
使用完整显示、留白和品牌背景导出 1200 × 630 PNG
铺满缩略图
输出
铺满裁切会填满 PNG 并裁掉溢出,而不是拉伸变形
常见场景
- 为只支持 PNG 的软件导出 SVG 图标
- 从同一矢量源生成 1×、2×、3×、4× 位图资源
- 制作精确尺寸的社交、商店、演示或文档图片
- 给透明矢量图添加纯色背景
- 把已审核的 SVG 光栅化后交给非矢量工作流
注意事项
- 为保证安全和确定性,外部字体与图像会被移除;如需精确还原,请把允许的资源转为 data URL,或把文字转路径。
- 缺少 viewBox 的 SVG 即使有宽高也可能无法按比例缩放。
- 拉伸会主动改变宽高比;普通图稿应使用完整显示或铺满裁切。
- 超大 Canvas 会占用大量内存;工具把单边限制为 8192 像素,总像素限制为 3200 万。
- Canvas 使用浏览器渲染引擎,高级滤镜、字体、色彩管理和 SVG 细节可能因浏览器而异。
- PNG 不再具备分辨率无关特性,请保留原始 SVG 作为可编辑源文件。
功能特点
- 支持 SVG 代码和文件,并检查源尺寸与 viewBox
- 精确宽高最高 8192 像素,并设置 3200 万像素安全上限
- 宽高比锁定和 1×、2×、3×、4× 倍率
- 完整显示、铺满裁切、拉伸与可调留白
- 透明或自定义纯色 PNG 背景
- 渲染前移除脚本、嵌入 HTML、事件处理器和外部引用
- 实时 PNG 预览、支持时复制到剪贴板并直接下载
- 无需账号、不上传素材
常见问题
- 怎样把 SVG 转成透明 PNG?
- 粘贴或打开 SVG,保持“透明背景”开启,设置输出尺寸,在棋盘格预览中检查后下载 PNG。
- 怎样导出 2× 或 4× SVG 位图?
- 点击 2× 或 4×,工具会按识别出的源尺寸等比放大。
- 完整显示和铺满裁切有什么区别?
- 完整显示会把全部 SVG 放进画布,可能留下空白;铺满裁切会填满画布并裁掉溢出;拉伸会填满宽高但可能变形。
- 为什么 PNG 中的文字样式变了?
- 原字体可能不可用或没有安全嵌入。为了稳定输出,可把文字转为矢量路径,或使用合规的内嵌字体策略。
- 为什么会移除外部图片或字体?
- 外部引用可能产生隐藏网络请求、污染 Canvas,并让导出结果不确定;自包含 SVG 更适合稳定转换。
- 最大能导出多大的 PNG?
- 单边最大 8192 像素,总画布不超过 3200 万像素,以减少浏览器崩溃和过高内存占用。
- SVG 和 PNG 会上传吗?
- 不会。解析、安全渲染、预览、复制和下载均在浏览器本地完成。