UltKit

SVG转GIF在线转换

按您选定的宽度把SVG绘制成GIF图片,适用于接受GIF但无法显示矢量文件的场合。转换结果是一张静态图片,调色板最多256色,SVG中没有绘制内容的区域保持透明。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传SVG文件

    从电脑中添加最多 20 个 .svg 文件,每个不超过 95 MB,也可以直接拖到上传区域。

  2. 2

    设置像素宽度

    本页默认按 600 px 宽度绘制矢量图。请在高级设置中修改调整输出图片尺寸下的数值,高度会按图形比例自动计算。

  3. 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
GIFGIF to 透明背景: yes– GIF to 柔和的半透明边缘: no– GIF to 超过 256 种颜色: noGIF to Animation: yes
PNGPNG to 透明背景: yesPNG to 柔和的半透明边缘: yesPNG to 超过 256 种颜色: yes– PNG to Animation: no
WEBPWEBP to 透明背景: yesWEBP to 柔和的半透明边缘: yesWEBP to 超过 256 种颜色: yesWEBP to Animation: yes
JPG– JPG to 透明背景: no– JPG to 柔和的半透明边缘: noJPG to 超过 256 种颜色: yes– JPG to Animation: no
supported not offeredSVG 绘制成各种位图格式后,每种格式能保留的内容。GIF 是唯一限制为 256 色调色板和开关式透明的格式。

SVG

可缩放矢量图形

SVG 是基于 XML 的矢量格式,2001 年由 W3C 标准化。它描述的是形状、路径和文本,而不是像素,因此在任何尺寸下都保持清晰,用于徽标和图标时通常很小。它支持透明、CSS 样式、脚本和动画,所有浏览器都能原生渲染。SVG 不适合照片,复杂的插画渲染也可能变慢。Illustrator、Inkscape、Figma 和浏览器都可以打开并编辑。

压缩方式
–
透明度
支持
动画
支持
发布年份
2001 · W3C
SVG 转换器

GIF

图形交换格式

GIF 由 CompuServe 于 1987 年推出,至今仍是短小循环动画中支持最广泛的格式。它是无损的,但每帧只能使用 256 色调色板,因此照片和渐变会出现色带和抖动。它只支持开/关(1 位)透明,曲线形状的边缘会有锯齿。动画 GIF 往往比同一段 MP4 或 WebP 大得多。所有浏览器、聊天应用和社交平台都能播放 GIF。

压缩方式
无损
透明度
支持
动画
支持
发布年份
1987 · CompuServe
GIF 转换器

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 计算比例,然后按你设定的像素宽度绘制。由于源文件是矢量图,选择更大的宽度不会损失清晰度,只会增加文件大小。