SVG / TGS / JSON

Telegram SVG 和 TGS 示例文件:免费下载源文件

先从行为清晰、容易理解的小文件开始。这三个专门制作的示例分别展示脉动圆形、移动箭头和静态对勾。每个示例都包含 SVG 源文件、TGS 文件及其未压缩的 Lottie JSON。

卡片展示的是静态 SVG 源图。运动保存在 TGS 和 JSON 中,并未嵌入 SVG。这些是通过程序制作的教学示例,不是从用户上传内容中提取的文件。

如何使用示例

  1. 下载 SVG,并在矢量编辑器中打开。文件只包含一个图形,没有嵌入的照片或未转曲的文本对象。
  2. 打开转换器,选择 SVG,并使用 Telegram 登录。选择文件后,服务会收到一份用于诊断的副本;这些示例也适用同样的处理方式。
  3. 选择运动效果或静态模式,检查预览,然后导出 TGS。转换器预设的时序和运动方式可能与这里提供的教学 TGS 不同。
  4. 将导出结果与示例进行比较:画布尺寸、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,方便日后编辑。在测试复杂标志前,先确认一个简单示例能在你的设备上完成相同流程。

Telegram 官方要求

SVG 准备与问题排查指南