SVG 转 PNG

📖 工具介绍

SVG 是矢量格式，放大不模糊，但很多场景只认位图：公众号封面、PPT 插图、印刷稿、社交平台头像，都不接受 .svg 文件。这个工具把 SVG 直接在浏览器里光栅化成 PNG、JPEG 或 WEBP，不用装软件也不用上传到服务器。

你把 SVG 源码粘进来，或者上传一个 .svg 文件，选好输出尺寸和清晰度倍数，点生成就能下载。2x、3x 倍数是给高清屏和印刷准备的，输出像素是按倍数翻倍的，不是把小图拉大。

矢量图里没有像素，所以「多大」这件事由你决定。工具会先读出 viewBox 或 width/height 得到图形的天然比例，默认按这个比例给尺寸，你也可以手动改。

整个过程在本地完成，SVG 源码不上传，公司 logo、未发布的设计稿都能放心处理。

✨ 功能特点

• 读取 viewBox 或 width/height 自动算出原始尺寸，不用你猜图形多大。
• 支持 1x / 2x / 3x / 4x 清晰度倍数，输出真正的像素翻倍而不是插值放大。
• 输出格式可选 PNG、JPEG、WEBP，覆盖投稿、印刷、网页三类场景。
• 背景可设透明、纯白或任意颜色，PNG 透明背景能直接叠在深色底图上。
• 宽高比锁定：改宽度自动换算高度，避免图标被拉扁或拉长。
• JPEG / WEBP 可拖质量滑块，在体积和画质之间自己权衡。
• 生成后直接给出输出尺寸和文件体积，方便判断是否符合平台要求。
• 支持一键复制图片到剪贴板，不用来回下载再粘贴。
• 可以上传本地 .svg 文件，省去打开编辑器复制源码的步骤。
• 纯浏览器渲染，SVG 源码和图片都不上传服务器。

🚀 使用方式

1. 把 SVG 源码粘贴到输入框，或点上传选择本地 .svg 文件。
2. 确认输出宽度和高度，需要保持比例就勾选锁定宽高比。
3. 选择清晰度倍数，高清屏或印刷建议 2x 以上。
4. 选择输出格式与背景处理方式，JPEG/WEBP 可调质量。
5. 点生成图片，预览确认后下载或复制到剪贴板。

⚠️ 注意事项

• 透明只属于 PNG：选了 JPEG 或 WEBP 时背景一定会被填充，透明区域会变成所选颜色，默认会提示你确认。
• 外链资源画不出来：SVG 里如果引用了外部字体或跨域图片，浏览器会拒绝渲染，输出可能是空白，需要先把资源内联进 SVG。
• 超大尺寸会吃内存：8000px 以上或 4x 倍数的输出会占用较多内存，老设备可能卡顿，建议分段处理。
• 中文文字依赖本机字体：SVG 里的文字用系统字体渲染，换一台电脑字体可能不同，重要标题建议先转成路径。
• 动画只取第一帧：带动画的 SVG 会渲染成静态图，取的是初始状态，不是动画中间某一帧。
• 滤镜和混合模式有差异：复杂的 SVG 滤镜在不同浏览器渲染结果可能略有差别，输出前请预览确认。