如何使用 SVG to JPG
- 选择一个内容完整的 SVG,或粘贴代码后点击“使用这段 SVG 代码”。
- 设置输出宽度,高度按源画布比例计算,透明区域变为白色。
- 点击“转换为 JPG”,检查实际 JPG 预览,再下载文件。
需要不透明静态图片时可以使用 JPG。需要编辑路径或以后缩放时请保留 SVG;需要透明区域时可使用 SVG to PNG 。请按最终显示尺寸比较保存结果,下方样本区分了画布留白与源图中已经绘制的背景。
为什么 JPG 周围有白边?
2026 年 10 月 17 日的样本将方形图案放入 320 × 200 的 SVG 画布,使用方形 viewBox 和默认等比适配。输出中的图案仍为 200 × 200,居中后两侧留白,生成 JPG 时留白变白。工具没有自动裁到彩色图形的边界。
把宽度改为 160 后,输出为 160 × 100。图案和留白同时缩小,白边没有消失。需要更紧凑的标志时,请先调整源画板或在其他编辑器中裁图。本页宽度控制缩放的是整个画布。
我们独立检查了保存的文件,大图为 4,227 字节,小图为 2,479 字节。这些数字只对应这组合成样本和当时的浏览器编码器,不能用来预测你的标志图片大小,也不是与其他转换工具的比较。
为什么不直接拉伸 SVG 填满画布?
第二个源文件只把 preserveAspectRatio 改成 none,320 × 200 的 JPG 虽然填满画布,圆形却被横向拉宽。这样消除留白会改变图形比例,3,881 字节的较小文件也不代表更好的转换。
编辑标志前可比较两个下载结果:默认适配保留比例并留出空白,拉伸则改变比例来填满矩形。调整源画板与缩放、拉伸是不同操作,本工具不提供裁剪,也不会自动修复画板。
白色输出无法证明 SVG 原来是否透明
一个 SVG 包含透明、半透明蓝色和不透明蓝色色带,另一个在明确的白色矩形上画出相同色带。两者均生成 240 × 120、1,012 字节且 SHA-256 完全相同的 JPG。合成到白底后,无法从 JPG 分辨源文件是否透明。
白色输出不能证明源图有白色矩形;再转为支持透明的格式也不能恢复这种差异。请回到 SVG 检查对象,需要叠加到其他颜色上时保留 SVG 或透明 PNG。
先确定最终尺寸,再判断细节
仅设置 viewBox 的源图尺寸为 301 × 199。选择宽度 150 后,生成的 JPG 为 150 × 99,因为输出高度需要取整到像素。结果不会生成新的 SVG,也不保留可编辑的矢量形状。如果上传表单要求精确尺寸,请检查下载后的图片。
另一张原创图包含本地渐变和细竖线,分别保存为 400 × 160 和 100 × 40。小图用于线条的像素更少,放大显示不能恢复矢量边缘。请以实际大小比较。此页面更新没有更改 JPG 编码或算法,样本也不用于浏览器或服务排名。
下载带日期的 SVG 与 JPG 配对样本
2026 年 10 月 17 日测试了 6 个原创合成 SVG 和 9 份实际 JPG,图案与配对输出采用 CC0。表格提供源画布、输出尺寸和链接文件的字节数。
| 样本 / SVG 输入 | 源画布 | SVG 字节数 | JPG 输出 | JPG 字节数 |
|---|---|---|---|---|
| letterbox-meet-320 | 320 × 200 | 188 | 320 × 200 | 4,227 |
| letterbox-meet-160 | 320 × 200 | 188 | 160 × 100 | 2,479 |
| letterbox-none-320 | 320 × 200 | 215 | 320 × 200 | 3,881 |
| alpha-bands-240 | 240 × 120 | 220 | 240 × 120 | 1,012 |
| painted-white-240 | 240 × 120 | 265 | 240 × 120 | 1,012 |
| viewbox-only-301 | 301 × 199 | 186 | 301 × 199 | 8,792 |
| viewbox-only-150 | 301 × 199 | 186 | 150 × 99 | 4,103 |
| gradient-lines-400 | 400 × 160 | 2,306 | 400 × 160 | 11,063 |
| gradient-lines-100 | 400 × 160 | 2,306 | 100 × 40 | 1,711 |
完整测量、日期、哈希及拒绝记录 · SHA-256 清单 · 原始输入生成脚本 · 复现步骤与范围。生成器使用 Python 标准库。选择每个生成的 SVG,并使用记录中的宽度。其他编码器版本可能生成不同的 JPG 字节。
SVG to JPG 常见问题
修改宽度会去掉白边吗?
不会。320 与 160 宽的配对输出中,画布和留白一起缩放。需要减少留白时请调整源画板或另行裁剪。
JPG 可以保留透明背景吗?
不可以。生成 JPG 时透明区域会填白,需要透明度请选 PNG;SVG 中已绘制的白色对象仍会保留。
为什么圆形变成了椭圆?
检查源文件是否在画布与 viewBox 比例不同时使用 preserveAspectRatio="none"。配对样本复现了这种变形,请恢复等比适配或调整源画布。
可以更换 JPG 背景或在这里裁剪吗?
本页使用白色 JPG 背景,仅提供输出宽度,没有背景选择或裁剪工具。需要其他背景或更紧凑画板时请先编辑 SVG。
为什么别处能打开的 SVG 代码在这里失败?
文件上传入口和粘贴代码入口使用相同的静态内容检查。样式属性、外部图片以及脚本等活动内容不受支持,请改用内容完整、通过 SVG 表现属性设置样式的图形。本工具并不支持所有合法的 SVG 功能。
支持的 SVG 与已测错误边界
转换在浏览器中完成,每次一个 SVG,最大 2 MB(2,097,152 字节),输入与输出每边最多 4096 像素,总像素最多 1600 万。需要正数像素尺寸或有效 viewBox。字体依赖设备,需要一致字形请先转为路径。
不接受脚本、动画、foreignObject、嵌入或外部图片、use、链接、style 标签及属性。本地渐变引用在样本中成功。样式属性、链接图片、错误标记和 4097 像素源图四项测试均被拒绝,且无结果或下载;这不是全部损坏文件的兼容性验证。
格式参考: SVG viewBox 和 preserveAspectRatio。规范解释适配规则,下载样本记录本工具的实测表现。