SVG(Scalable Vector Graphics)作为矢量图的标准格式,在网页开发和 UI 设计中极受欢迎。然而,在某些场景下,如 社交媒体发布、旧版浏览器适配或邮件营销 中,我们必须将其转换为位图格式(如 PNG 或 JPG)。
1. 转换过程中的核心技术:Canvas 渲染
本工具采用了 100% 的客户端处理方案。通过浏览器原生的
Canvas API
,我们将 SVG 代码解析为
Blob
,并绘制到指定尺寸的离屏画布上。这意味着您的图形数据
永远不会被上传到服务器
,极大地保护了隐私安全。同时,由于渲染是在您的本地硬件上完成的,处理速度几乎是实时的。
2. 为什么导出的 SVG 有时会模糊?
虽然 SVG 本身是无损缩放的,但渲染为位图时,像素的精度取决于
导出分辨率
。如果您需要用于大屏展示或高清打印,请务必在“导出宽度”中设置较高的数值(如 2000px
以上)。我们的渲染器支持智能解析
viewBox
,能确保您的图形在任何比例下都能精准居中。
3. PNG vs WebP:该选哪个格式?
- PNG: 最通用的格式,完美支持 Alpha 通道(透明度),适合 Logo 和图标。
- WebP: 谷歌推出的现代格式,具有极高的压缩效率,在保持透明度的同时体积通常只有 PNG 的 60%。
- JPEG: 不支持透明,但在处理复杂色彩的插画时,文件体积最小。
4. 常见问题解答 (FAQ)
问:支持带外部引用的 SVG 吗?
答:出于安全策略(CORS),浏览器禁止 Canvas 渲染包含外部 URL(如远程字体或图片)的
SVG。建议您先将这些资源转换为 Base64 内联到代码中。
问:可以批量转换吗?
答:目前仅支持单文件预览转换,以确保每一个转换都能得到精细的调整。如需批量处理,可以参考我们的其他媒体工具。