跳到主要内容

SVG to JPG

在浏览器中转换,SVG 无需上传

SVG 预览尚未选择 SVG
预览将在这里显示

透明区域会填充为白色

JPG 是位图,放大可能损失清晰度

如何使用 SVG to JPG

  1. 选择一个内容完整的 SVG,或粘贴代码后点击“使用这段 SVG 代码”。
  2. 设置输出宽度,高度按源画布比例计算,透明区域变为白色。
  3. 点击“转换为 JPG”,检查实际 JPG 预览,再下载文件。

需要不透明静态图片时可以使用 JPG。需要编辑路径或以后缩放时请保留 SVG;需要透明区域时可使用 SVG to PNG 。请按最终显示尺寸比较保存结果,下方样本区分了画布留白与源图中已经绘制的背景。

为什么 JPG 周围有白边?

2026 年 10 月 17 日的样本将方形图案放入 320 × 200 的 SVG 画布,使用方形 viewBox 和默认等比适配。输出中的图案仍为 200 × 200,居中后两侧留白,生成 JPG 时留白变白。工具没有自动裁到彩色图形的边界。

把宽度改为 160 后,输出为 160 × 100。图案和留白同时缩小,白边没有消失。需要更紧凑的标志时,请先调整源画板或在其他编辑器中裁图。本页宽度控制缩放的是整个画布。

同一比例白边的 320 × 200 与 160 × 100 实际 JPG
同一 SVG 的两份实际 JPG,按标注的相对大小显示。2026 年 10 月 17 日的画布适配实验,不是自动裁剪功能。

我们独立检查了保存的文件,大图为 4,227 字节,小图为 2,479 字节。这些数字只对应这组合成样本和当时的浏览器编码器,不能用来预测你的标志图片大小,也不是与其他转换工具的比较。

为什么不直接拉伸 SVG 填满画布?

第二个源文件只把 preserveAspectRatio 改成 none,320 × 200 的 JPG 虽然填满画布,圆形却被横向拉宽。这样消除留白会改变图形比例,3,881 字节的较小文件也不代表更好的转换。

编辑标志前可比较两个下载结果:默认适配保留比例并留出空白,拉伸则改变比例来填满矩形。调整源画板与缩放、拉伸是不同操作,本工具不提供裁剪,也不会自动修复画板。

默认等比适配的圆形与拉伸后椭圆形 JPG 对照
源文件仅 preserveAspectRatio 不同,输出均为 320 × 200。2026 年 10 月 17 日,未裁剪或修正形状。

白色输出无法证明 SVG 原来是否透明

一个 SVG 包含透明、半透明蓝色和不透明蓝色色带,另一个在明确的白色矩形上画出相同色带。两者均生成 240 × 120、1,012 字节且 SHA-256 完全相同的 JPG。合成到白底后,无法从 JPG 分辨源文件是否透明。

白色输出不能证明源图有白色矩形;再转为支持透明的格式也不能恢复这种差异。请回到 SVG 检查对象,需要叠加到其他颜色上时保留 SVG 或透明 PNG。

透明 SVG 与已绘白底 SVG 生成相同的实际 JPG
不同 SVG 在所测浏览器中生成相同 JPG 字节。2026 年 10 月 17 日,仅为一组配对样本,不能推广到所有浏览器或 SVG。

先确定最终尺寸,再判断细节

仅设置 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-320320 × 200188320 × 2004,227
letterbox-meet-160320 × 200188160 × 1002,479
letterbox-none-320320 × 200215320 × 2003,881
alpha-bands-240240 × 120220240 × 1201,012
painted-white-240240 × 120265240 × 1201,012
viewbox-only-301301 × 199186301 × 1998,792
viewbox-only-150301 × 199186150 × 994,103
gradient-lines-400400 × 1602,306400 × 16011,063
gradient-lines-100400 × 1602,306100 × 401,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。规范解释适配规则,下载样本记录本工具的实测表现。