SVG / TGS / JSON
Telegram SVG 和 TGS 示例文件:免费下载源文件
先从行为清晰、容易理解的小文件开始。这三个专门制作的示例分别展示脉动圆形、移动箭头和静态对勾。每个示例都包含 SVG 源文件、TGS 文件及其未压缩的 Lottie JSON。
卡片展示的是静态 SVG 源图。运动保存在 TGS 和 JSON 中,并未嵌入 SVG。这些是通过程序制作的教学示例,不是从用户上传内容中提取的文件。
静态对勾
使用圆头描边的开放路径,没有运动。可用它比较描边粗细,并了解静态 TGS 与 PNG 的区别。
512 × 512 · 60 FPS · 3 秒 · 342 字节
如何使用示例
- 下载 SVG,并在矢量编辑器中打开。文件只包含一个图形,没有嵌入的照片或未转曲的文本对象。
- 打开转换器,选择 SVG,并使用 Telegram 登录。选择文件后,服务会收到一份用于诊断的副本;这些示例也适用同样的处理方式。
- 选择运动效果或静态模式,检查预览,然后导出 TGS。转换器预设的时序和运动方式可能与这里提供的教学 TGS 不同。
- 将导出结果与示例进行比较:画布尺寸、fr、op、layers 以及带动画的属性。然后在 Telegram 中通过 @Stickers 检查文件。
已检查的内容
项目验证器检查 gzip、JSON、512 × 512 画布、60 FPS、不超过 3 秒的时长、小于 64 KB 的压缩文件大小,以及受支持的图形数据。每个示例只有一个图层,不含外部图像;动画的首尾属性值相同。这是结构检查,并不表示每个文件都已获得 Telegram 服务器的接受。
在 JSON 中检查什么
fr 字段设置帧率,op 标记合成的结束位置,layers 列出图层。圆形通过 ks.s 为缩放添加动画,箭头通过 ks.p 为位置添加动画。对勾使用开放路径,c 的值为 false,描边由 st 项定义。a 的值为 0 表示该属性没有关键帧。
在自己的项目中重复使用
这三个示例由 SVG to TGS 团队制作。你可以复制、修改和再分发它们,也可以用于商业项目,无需付费或强制署名。此许可仅适用于这三组文件,不涵盖网站源代码、标志或第三方作品。
保留源文件
转换器接受 SVG 源文件。这里提供的 TGS 和 JSON 下载文件用于检查和比较,无法重新导入转换器。请单独保留 SVG,方便日后编辑。在测试复杂标志前,先确认一个简单示例能在你的设备上完成相同流程。