SVG 转 JPG
当目的地要求苛刻——邮件签名、电商平台、既拒收 SVG 又拒收透明的 CMS——JPG 就是那张出门证。您的矢量图按选定倍率渲染,并合成到白色背景上。作品需要透明的话,请改用 SVG 转 PNG 工具。
相关推荐: SVG 转 PNG
使用方法
添加您的矢量文件;每一张都会在转换瞬间于浏览器内渲染,落在白色背景上。
选好栅格倍率(默认 2×)和 JPEG 画质——初始值 90,对矢量图特有的硬边来说是稳妥的选择。
成品 JPG 可以逐个导出,也可以合成一个压缩包。
SVG vs JPG
说实话,矢量图和 JPEG 是一对勉强的组合——大块纯色加锐利边缘,正是面向照片的压缩算法最不擅长的内容。这个搭配只在一种场合值回票价:接收方什么别的都不收。凡是还有得选的地方,无损的栅格格式都渲染得更干净。
| SVG | JPG | |
|---|---|---|
| 压缩方式 | 矢量(XML 文本) | 有损 |
| 透明度 | 支持(完整 Alpha) | 不支持 |
| 动画 | 支持(CSS/SMIL) | 不支持 |
| 兼容性 | 所有浏览器;但常被上传表单拒绝 | 通用——最保险的格式 |
| 适合用途 | 标志、图标、插画 | 照片,以及限制严格的上传表单 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成,文件自始至终不会离开您的设备,全程没有任何服务器参与。页面加载完成后即使断网也能继续使用,文件大小也没有限制,仅取决于设备内存。
SVG 是矢量格式,本身没有固定的像素尺寸,输出分辨率由您自行决定。倍率会乘以 SVG 声明的尺寸:一个 100×100 的图标按 3× 导出,得到的就是 300×300 的图片。由于渲染直接来自矢量,任何倍率下边缘都完全清晰——建议一开始就选好实际需要的尺寸,而不是事后放大。
会变成白色——JPG 没有 Alpha 通道。若目的地是深色背景,白底会很突兀;请改导出 PNG,或者需要特定底色时,直接在 SVG 里加一个背景矩形。
坦率地说,通常不是最佳选择:JPG 为照片而生,纯色块加锐利边缘放大看会有轻微的振铃伪影。只有在目的地强制要求 JPG,或图形里包含照片元素时它才占优。其余情况 PNG 或 WebP 都更干净。
三样东西:无限缩放(导出的是固定像素)、透明(JPG 一律填白)、以及完美的锐利边缘(纯色在 JPEG 压缩下会带上轻微振铃)。换来的是通行证——JPG 能通过有史以来所有的表单、平台和邮件客户端。目的地允许的话,SVG转PNG 能同时保住边缘和透明;JPG 留给那些最严苛的把关者。
为透明背景设计的标志和图标——白色填充通常正好是标志最不需要的东西——以及极简的几何图形,JPEG 面向照片的压缩会在任何合理画质下沿边缘留下可见的光晕。这两类都更适合转 PNG。JPG 的用武之地是矢量图里嵌着照片,或者上传口干脆拒收其他一切格式的时候。
相关工具
SVG 转 PNG
在浏览器内把 SVG 转换为 PNG——免费、私密、无需上传。1–4 倍导出倍率任选(默认 2×),图标和标志在任何输出尺寸下都清晰锐利,Alpha 透明通道完整保留。
JPG 转 WebP
在浏览器内把 JPG 照片转成 WebP:免费、无需上传、无需注册。同样的观感下体积可再减 25–35%,附带实时画质滑块,每张照片压缩前后的体积对比一目了然。
PNG 转 JPG
在浏览器内把 PNG 转成 JPG:免费、无需上传、没有水印。照片类 PNG 在画质 85 下通常能减小 70–90%,每个文件都有独立的画质滑块,体积变化实时可见。
SVG 转 ICO(网站图标)
在浏览器内把 SVG 矢量图转换成 ICO 网站图标——免费、无需上传。先按 4 倍尺寸渲染再缩小,16、32、48 px 每个尺寸都锐利到像素级别,透明效果与设计稿保持一致。