OmniGIF

文字动画 GIF 生成器

作者 Calvin Sun

输入文字,选择打字机、滚动、闪烁、弹跳或彩虹等效果,下载文字本身在运动的 GIF。无需上传文件,预览与导出使用同一套动画。

预设

切换预设只会更新样式和动画,不会改掉你已经输入的文字。

5 / 150

最多 150 个字符(与常见文字 GIF 工具相当)。按 Enter 换行。支持中文、英文、常见符号和 emoji。

与站内其他文字工具共用同一套字体预设。

自动适配会按画布缩放;手动模式会锁定你设置的字号,不会被悄悄覆盖。

仅在手动模式下生效。

每次选择一个主效果。导出的 GIF 与预览使用同一套动画。

可选 10、15 或 20 FPS。帧率越高越顺,文件也更大。

预览会缩放适配容器;导出保持这里设置的真实像素。

GIF 只能保存全透明或全不透明像素,没有完整的半透明。

保留透明像素,或用纯色填充透明区域。

#111827

纯色模式下用来填充透明区域。

质量越高颜色越准,文件也越大。

默认跟随帧率;也可以覆盖。

请输入 20 到 10000 之间的间隔。

GIF 重复播放的次数。

额外重复次数(0 表示无限循环)。

关于这个文字转动图工具

  • 输入文字即可导出打字机、滚动、闪烁、弹跳、缩放、波浪或彩虹 GIF
  • 预览和下载共用同一套画布渲染,不是仅供展示的 CSS 动画
  • 支持中文、英文、emoji 和多行文字,全部在浏览器里完成
  • 无需登录,也不会上传文件。这不是 AI 场景生成,也不必先上传已有 GIF

GIF 调色板有限,透明度也是二值的。柔和阴影和淡入淡出更适合纯色背景。文字请控制在 150 字符以内;画布越大、帧率越高,文件也越大。

如何制作文字动画 GIF

  1. 1. 输入文字

    打开页面就能看到 Hello 的实时预览。把它换成你的句子,按 Enter 换行。

  2. 2. 选择效果

    点一个预设,或选择打字机、滚动等效果。界面只会显示当前效果需要的参数。

  3. 3. 调整样式和画布

    设置字体、颜色、对齐、背景和尺寸。自动适配会把文字放进画布;手动模式会锁住字号。

  4. 4. 下载 GIF

    导出会按预览同一套画面编码。查看文件大小后下载 omnigif-animated-text.gif。

可以导出的效果

每种效果都会写进 GIF 帧里,预览不是另一套 CSS 动画。

  • 打字机

    按可见字符簇逐字出现,emoji 不会被截断。布局按完整文字预先测量,出现过程中不会重新居中或换行跳动。

  • 滚动

    文字从画布一侧进入、从另一侧离开。路径按文本真实边界计算,长句也能完整滚过。

  • 淡入淡出、闪烁、弹跳、缩放、波浪、彩虹

    淡入后停留再淡出;闪烁使用较缓的显示/隐藏节奏;弹跳和缩放会预留空间避免裁切;波浪按字符相位起伏;彩虹色相首尾连续。

文字转动图说明

文字转动图工具把输入的句子做成循环播放的 GIF。OmniGIF 的文字动画生成器针对的是字母本身的运动——打字机、滚动、闪烁——不是 AI 场景,也不是给现成片段加字幕。

"GIF 格式允许把输出画面中的一块区域渲染为透明。" W3C GIF89a 规范
  • 输入一行或多行文字,导出文字动画 GIF
  • 可选打字机、滚动、淡入淡出、闪烁、弹跳、缩放、波浪或彩虹
  • 预览和编码共用同一套画布渲染
  • 可选透明背景,并说明 GIF 的二值透明限制

适合问候贴纸、简短公告,以及可以丢进聊天或社交媒体的循环字幕。

工具按时间采样与实时预览相同的渲染函数,再把帧交给站点现有的浏览器 GIF 编码器。

"HTML <canvas> 元素提供一块分辨率相关的位图画布,可用来即时绘制图形或其他图像。" MDN Canvas API
  • 先排版。 完整文字会先测量并换行,打字机也按全文布局,避免逐字出现时重新折行。
  • 再按时间取帧。 每个效果把经过的时间映射成位移、透明度或颜色。导出时按 10、15 或 20 FPS 采样。
  • 本地编码。 帧由站点 GIF 编码器量化。透明循环会在每帧恢复背景,减轻残影。

取消会停止帧绘制。编码阶段使用 Web Worker;若在该阶段取消,OmniGIF 会丢弃结果,而不是留下混杂配置的文件。

页面上的预设只是起点,不会单独生成可索引页面。保留你的文字,切换外观即可。

  • 打字机问候。 Hello 或「你好」逐字出现、停留再循环,适合欢迎贴纸。
  • 滚动公告。 较长句子从画布一侧滚到另一侧,每个字都能完整经过屏幕。
  • 彩虹或弹跳标题。 短词做色相循环,或做幅度受控、不会被画布裁切的弹跳。

下载 GIF 后,可在任何支持动图的地方使用。如果聊天工具有体积限制,可以再用压缩工具缩小。

常见问题

不是。你自己输入文字,OmniGIF 只让这些字母动起来,不会调用图像模型去编造场景。如果要给已有 GIF 加字幕,请使用「GIF 添加文字」。

可以。把背景设为透明,并在导出时选择保留透明。GIF 只能保存全透明或全不透明像素,淡入淡出和柔和阴影会与预览有差别。这类效果更建议用纯色背景。

支持。中文、英文、符号和 emoji 都会按字符簇拆分并自动换行。导出前会等待字体就绪,避免预览和成品字体不一致。

用帧率(10、15 或 20 FPS)再加上效果自己的时间:打字机的每字耗时、滚动/弹跳的循环时长,或淡入淡出/闪烁的阶段长度。GIF 帧延迟以百分之一秒存储,15 FPS 会被量化到最接近的间隔。

不会。排版、动画和 GIF 编码都在你的浏览器里完成,无需登录。

文字转动图 – 文字动画 GIF 生成器 | OmniGIF