SVG 转 JPG - 以及你什么时候真的该这么做
这个工具会把 SVG 按你要求的任意尺寸转成 JPG,全部在你自己的设备上完成。它还会告诉你多数转换器不会说的一件事:对矢量图稿而言,JPEG 通常是错误的选择。JPEG 是为照片设计的,而让照片变小的那套压缩,会对矢量图赖以构成的平涂色块和硬边缘造成可测量的损伤。它还完全没有透明通道,所以每一块空白区域都会变成实色,无论你愿不愿意。但确实有非要 JPG 不可的场合,因为某些上传表单和邮件工具只认它,这个页面就是为这些场合准备的。下面的一切都是通过这个转换器实测得出的,而不是从规范里抄来的,包括 JPEG 究竟把一片纯白背景推离白色多远。如果目的地接受 PNG 或 WebP,两者在这里都更好,而且都只有一次点击的距离。
如何使用此工具
放入你的 SVG
把 SVG 拖到上方方框里或点击选择,单个最大 5 MB,可以一次多个。文件按内容而非文件名检查,所以标错类型的文件会被拒绝,而不是渲染到一半。
设定输出尺寸
倍数会把源尺寸乘以 1×、2×、4× 或你输入的任意数值。精确尺寸接受一个像素宽度,并带纵横比锁定。图形会按该尺寸从矢量重新绘制,所以更大的数字意味着更多真实细节,而不是被拉伸的副本。
选择背景颜色
JPEG 没有 alpha 通道,所以这一步不是可选的 - 图稿背后必须有东西。默认是白色,因为它与多数文档和上传表单相匹配。请选择你的图稿本来要衬在其上的颜色,而不是随便猜一个,因为选错了会显示为一块生硬的矩形。
选择质量
滑块范围是 10 到 100,默认 90。在矢量图稿上差别非常明显:我们的渐变测试文件在质量 90 时是 9,173 字节,50 时是 2,897 字节,20 时是 1,779 字节。大约低于 80,边缘就会明显碎成色块。
转换并下载
点击「转换为 JPG」。文件逐个处理,各自带一条进度条。可以逐个下载,转换了多个时也可以打包成一个 ZIP 一次取走。
常见问题
为什么我的徽标在 JPG 里带一圈淡灰色光晕?
那是 JPEG 振铃效应,我们实测过。把 Lucide 的下载图标以 512 × 512、质量 90 转换后,在无损版本中原本纯白的 648 个像素出现了最高 30 级的偏移。在一个更密集的像素风标记上,2,394 个像素出现了最高 50 级的偏移 - 足以在每条边缘周围看成一片污渍。
JPEG 对平涂色的破坏比 WebP 更严重吗?
破坏得更狠,但范围更窄。在同一个图标、同样质量 90 的设置下,WebP 扰动了更多背景像素 - 2,090 个,而 JPEG 是 648 个 - 但它最严重的偏差是 14 级,JPEG 则是 30 级。零散而微弱的噪点看上去是干净的;沿着每条边缘聚集的光晕则不是。
我能保留透明背景吗?
不能,任何工具都不能。JPEG 没有 alpha 通道,透明度根本无法存进这个格式。你的 SVG 没有绘制的每一块区域,都会变成你在上面选定的背景色。如果你需要透明,请改用 PNG 或 WebP,两者都能完整保留。
背景颜色会影响文件大小吗?
会,而且也会影响瑕疵。平坦的背景几乎压缩到不占空间,所以体积主要由图稿决定。更有用的一点是:振铃随对比度增强。与你图稿自身颜色接近的中间调背景,产生的光晕明显比黑色徽标衬在惨白背景上要柔和。
JPG 比 PNG 更小吗?
通常更小,而且通常又输给 WebP。在白色背景、512 × 512、质量 90 的条件下,我们那个图标做成 PNG 是 24.4 KB,JPG 是 11.4 KB,WebP 是 4.1 KB。像素风标记分别测得 44.7 KB、26.7 KB 和 8.6 KB。JPEG 每次都赢过 PNG,也每次都输给 WebP。
什么时候 JPG 才真的是正确答案?
当目的地只认它的时候。老旧的邮件客户端和邮件模板工具至今仍处理不好 PNG 透明度,部分印刷和冲印平台只接受 JPEG,还有不少电商与求职上传表单会拒绝其他所有格式。你来到这个页面的理由是兼容性,而不是质量。
我该选多少质量?
只要包含文字或硬边缘,就保持在 90 以上。矢量图稿对低设置的惩罚远比照片严重,因为这套压缩正是靠丢弃锐利过渡来工作的,而一张图基本上全是锐利过渡。低于 80 时,早在文件变得足够小之前,边缘就已经碎成可见的色块了。
这个工具能产出印刷用的 CMYK JPG 吗?
不能。输出是 RGB,因为浏览器以 RGB 渲染和编码,网页里也没有色彩管理的 CMYK 通路。商业印厂会替你转换,但那次偏移由他们掌控,而不是你。印刷工作请把原始 SVG 或一个 PDF 交给印厂,让他们去做分色。
我的文件会被上传到服务器吗?
不会。一切都在你的浏览器里运行,用的是任何网页绘制 SVG 时所用的同一个引擎。没有任何东西被发送出去,没有任何东西被存储,也不会排在别人的任务后面等待。速度的唯一限制是你自己的设备。
您可能还需要
有问题吗? 报告问题