CodeKitHub工具介绍
SVG 是矢量格式——用数学描述图形，无限缩放不失真，是 logo 和图标的理想格式。但很多地方不收它：Word 文档、多数社交平台、邮件客户端和无数上传表单都只要像素图。转换（栅格化）就是把矢量按指定尺寸渲染成 PNG 或 JPG。
矢量没有固定分辨率，所以由你选择输出宽度——而且因为源头是数学，导出 2048px 和 256px 一样锐利。PNG 输出保留 SVG 的透明背景；JPG 则填充白色。
为什么使用它？
- 一个源文件任意分辨率：256px favicon 到 2048px 印刷素材，全部像素级完美。
- PNG 输出保留透明——logo 放什么背景上都行。
- 几秒解决"不支持SVG格式"的上传报错。
- 批量转换、本地处理、不上传。
- 没写宽高的 SVG 也能转——自动读取 viewBox。
使用方法
- 把 .svg 文件拖到虚线框或点击选择。
- 选择输出宽度——"自动"使用 SVG 自己声明的尺寸。
- 选 PNG（保留透明）或 JPG（白色背景）。
- 下载每张渲染结果；尺寸逐个显示。
示例
输入
logo.svg — 4 KB 矢量文件输出
logo.png — 1024×1024，透明背景，每个像素都锐利一个小小的矢量源文件，能输出任意尺寸的像素级完美图像。
常见问题
该导出多大分辨率？
按实际显示的最大尺寸再放大一档：网页 logo 512px 够用，视网膜屏和演示文稿 1024px 以上，印刷 2048px。与照片放大不同，SVG 导多大都不损失锐度。
为什么我的 SVG 渲染出来是空白或缺元素？
通常是外部引用问题：链接了外部图片、字体或 CSS 的 SVG，在浏览器安全沙箱里加载不了这些资源。内容全部内嵌的 SVG 转换正常。另外文字如果用了你系统没有的字体，位置可能偏移。
输出选 PNG 还是 JPG？
几乎总是 PNG：logo 和图标需要透明和锐利边缘，PNG 保留这些，JPG 会毁掉它们。只有目标平台强制要求、或 SVG 本身是照片风插画时才选 JPG。
能把 PNG 反过来转成 SVG 吗？
不能——那是完全不同的任务（把像素描摹成图形），结果充其量是近似。本工具做的是矢量→像素，这个方向是精确的。
SVG 会被上传吗？
不会。浏览器把 SVG 渲染到本地 canvas 并在你的设备上编码 PNG/JPG，没有任何数据被传输。