SVG转GIF在线转换
按您选定的宽度把SVG绘制成GIF图片,适用于接受GIF但无法显示矢量文件的场合。转换结果是一张静态图片,调色板最多256色,SVG中没有绘制内容的区域保持透明。
图片格式转换
或将JPG, JPEG, JPE … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
85 可使照片在视觉上与原图无差别。只有在需要更小的文件时才调低。
JPG、BMP 和 EPS 不支持透明。透明像素会用此颜色填充。
用于透明像素底色的十六进制颜色,例如 #FFFFFF。
此格式只能保存单张图像。如需保留动画,请选择输出 GIF 或 WebP。
多尺寸图标在一个文件中包含多种分辨率,浏览器和操作系统会选用所需的尺寸。
保持原始尺寸,或输入一边的数值,自动保持宽高比。
上面所选边的像素值。
相对于原始尺寸的百分比。
屏幕和网页使用 sRGB 即可。印刷流程请保持原样;灰度会丢弃颜色。
仅写入元数据,0 表示保留原值。打印机和部分网站会读取此数值,它不会改变像素尺寸。
使用方法
- 1
上传SVG文件
从电脑中添加最多 20 个 .svg 文件,每个不超过 95 MB,也可以直接拖到上传区域。
- 2
设置像素宽度
本页默认按 600 px 宽度绘制矢量图。请在高级设置中修改调整输出图片尺寸下的数值,高度会按图形比例自动计算。
- 3
转换为GIF
点击转换为 GIF,然后逐个下载图片,或将全部结果打包为 ZIP 下载。使用前,请先把其中一个文件放在实际使用的背景上检查效果。
SVG转GIF,是用与分辨率无关的图形换取最多 256 色的固定像素网格。纯色徽标和图标没有问题,渐变则不太适合。
按所需宽度将SVG栅格化为GIF
SVG 是一组指令:沿这条路径绘制,用这种颜色填充,在这里放置这段文字。GIF 则相反,它是一个像素网格,每个像素指向最多 256 个调色板条目之一。转换就是按选定的像素宽度把这些指令绘制一次并保存结果,所以调整输出图片尺寸下的宽度比这里的其他任何设置都重要。本页默认宽度为 600 px。
GIF 诞生于 1987 年,由 CompuServe 发布,1989 年的修订版 GIF89a 加入了透明和帧延迟。如今它最大的优势恰恰是历史悠久:老式论坛程序、部分邮件客户端和广告网络等拒绝新格式的软件,依然能显示 GIF。相比之下,SVG 本质是可能携带脚本的 XML,很多上传表单会拒绝它。
由于源文件是矢量图,可以按任意宽度绘制而不损失清晰度。请选择 GIF 实际显示时的尺寸;之后再放大小尺寸的 GIF,会出现 SVG 本来没有的模糊。
| from ↓ · to → | 透明背景 | 柔和的半透明边缘 | 超过 256 种颜色 | Animation |
|---|---|---|---|---|
| GIF | GIF to 透明背景: yes | – GIF to 柔和的半透明边缘: no | – GIF to 超过 256 种颜色: no | GIF to Animation: yes |
| PNG | PNG to 透明背景: yes | PNG to 柔和的半透明边缘: yes | PNG to 超过 256 种颜色: yes | – PNG to Animation: no |
| WEBP | WEBP to 透明背景: yes | WEBP to 柔和的半透明边缘: yes | WEBP to 超过 256 种颜色: yes | WEBP to Animation: yes |
| JPG | – JPG to 透明背景: no | – JPG to 柔和的半透明边缘: no | JPG to 超过 256 种颜色: yes | – JPG to Animation: no |
SVG
可缩放矢量图形
SVG 是基于 XML 的矢量格式,2001 年由 W3C 标准化。它描述的是形状、路径和文本,而不是像素,因此在任何尺寸下都保持清晰,用于徽标和图标时通常很小。它支持透明、CSS 样式、脚本和动画,所有浏览器都能原生渲染。SVG 不适合照片,复杂的插画渲染也可能变慢。Illustrator、Inkscape、Figma 和浏览器都可以打开并编辑。
- 压缩方式
- –
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 2001 · W3C
GIF
图形交换格式
GIF 由 CompuServe 于 1987 年推出,至今仍是短小循环动画中支持最广泛的格式。它是无损的,但每帧只能使用 256 色调色板,因此照片和渐变会出现色带和抖动。它只支持开/关(1 位)透明,曲线形状的边缘会有锯齿。动画 GIF 往往比同一段 MP4 或 WebP 大得多。所有浏览器、聊天应用和社交平台都能播放 GIF。
- 压缩方式
- 无损
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 1987 · CompuServe
SVG转GIF适用于只支持 GIF 的场合,例如邮件签名、老式论坛和广告位,这些地方需要的是矢量徽标的小尺寸纯色图片;而把 GIF 转成 SVG 属于描摹工作,目的是还原可无限缩放的图稿。
SVG动画转GIF:哪些内容不会转换
SMIL、CSS和脚本动画会被舍弃
在浏览器中通过 animate 元素、CSS 关键帧或 JavaScript 运动的 SVG,会变成只显示初始状态的单帧静态 GIF。如需会动的 GIF,请先把动画录制成视频,再用视频转GIF工具转换。
256色与1位透明度的实际效果
大多数 SVG 徽标只用少数几种纯色,所以调色板的限制不会造成损失。问题出在抗锯齿边缘和渐变上。渲染后的 SVG 中,每条曲线边缘都有部分透明的过渡像素;GIF 必须把它们处理成完全可见或完全透明,结果可能是阶梯状的轮廓或发白的杂边。
解决办法是在转换前先确定背景。如果 GIF 将放在白色的邮件正文里,就给 SVG 加一个白色背景矩形;如果用在深色主题的论坛,就用该主题的颜色。这样边缘像素会融入正确的颜色,轮廓保持平滑。如果事先无法确定背景,用 PNG 更稳妥。
SVG转GIF常见问题
SVG标志为什么用GIF而不用PNG?
只有在目标位置必须使用 GIF 时才需要,比如老旧的内容管理系统、论坛签名档,或者规定图片类型为 GIF 的广告模板。PNG 能保留柔和的边缘,颜色数量也没有限制,所以只要两者都允许,SVG转PNG是更好的默认选择。
SVG动画会变成GIF动图吗?
不能。转换器只会按初始状态绘制一次 SVG,因此 SMIL 动画元素、CSS 关键帧和脚本都不会运行,得到的只是一帧静态画面。如果要保留动态效果,可以先在浏览器中录制动画播放过程,保存为视频,再使用视频转GIF。
为什么标志边缘有锯齿或浅色白边?
GIF 的透明只有“透明”和“不透明”两种状态,SVG 边缘那些平滑的半透明像素只能二选一:保留或丢弃。为某种背景混合过的边缘,放到另一种背景上就会出现杂边。转换前先添加一个与目标页面同色的背景矩形,边缘就能自然融合。
SVG里的渐变会怎样?
GIF 调色板最多只有 256 种颜色,所以平滑的渐变只能近似表示。较短的渐变看起来没问题;大面积、变化细微的渐变则会出现色阶断层或点状抖动图案。纯色的徽标和图标是 SVG 的常见内容,用这个调色板绰绰有余。
GIF可以用在邮件签名里吗?
可以,这也是很多人需要这种转换的主要原因之一。Gmail 和 Outlook 不会在邮件中显示 SVG 图片,而 GIF 在邮件客户端中已经支持了几十年。宽度建议控制在 300 到 600 px 左右,这样签名档不会太大。
转换器会读取SVG的哪些尺寸设置?
它会根据图形的宽度、高度和 viewBox 计算比例,然后按你设定的像素宽度绘制。由于源文件是矢量图,选择更大的宽度不会损失清晰度,只会增加文件大小。
相关SVG与GIF工具
- SVG转PNG在线转换将SVG标志和图标转换为指定宽度的PNG,默认1024 px,保留透明背景。同时了解DPI与像素的换算关系。
- PNG转GIF在线转换将PNG图片转换为GIF,适用于只接受GIF的工具和模板。转换前先了解256色调色板和1位透明度会对图片产生什么影响。
- JPG转GIF在线转换把JPG图片转换为GIF,用于论坛头像、邮件签名和只支持GIF的软件。一次最多20张,256色输出,无需注册。
- 图片转GIF转换器将JPG、PNG、WebP、HEIC、SVG等图片转换为GIF,适用于论坛、邮件签名和老旧系统。每批20个文件,无需注册,无水印。
- SVG转JPEG转换器将SVG文件转换为JPEG,适用于不支持矢量图上传的网站和CMS。默认白色背景、宽度1920 px,每批20个文件,无需注册。
- GIF转PNG转换器在线将GIF转换为PNG并保留透明背景:可提取第一帧作为静态图片,也可将动图的每一帧分别导出为单独的PNG文件。