在线 GIF 添加文字

作者 Calvin Sun

免费在浏览器中为动态 GIF 添加字幕、标题或水印,无需上传。可自定义字体、字号、颜色、描边、阴影、对齐、背景框、透明度与旋转。

点击选择 GIF 文件

或将 GIF 文件拖放到此处

按 Enter 可换行。清空内容即可去掉文字叠加。

选择系统字体或 Google Fonts 预设,用于 Canvas 绘制。

文字大小(像素,8–200)。

文字图层整体透明度(0–100%)。

字母填充色。

快捷颜色

每一行相对定位点的水平对齐方式。

可放在顶部、居中、底部,或拖拽自定义 XY 坐标。

拖动圆点或使用滑条微调位置。

字母轮廓颜色(经典 meme 描边效果)。

轮廓厚度(像素)。0 表示不描边。

文字后方的投影颜色。

阴影柔和程度(0–40px)。

阴影水平和垂直偏移(像素)。

在文字块后方绘制圆角半透明底框。

文字背景框的填充色。

背景框透明度(0–100%)。

文字与背景框边缘的额外间距。

绕定位点旋转文字(−180° 到 180°)。

GIF 仅支持二值透明。保留透明可保持镂空区域;纯色填充会用你选择的颜色填满透明区域。

#000000

编码前用该颜色填充透明像素。

采样间隔越小细节越多,但文件可能更大、耗时更长。

相邻帧之间的显示时间。可保留原始节奏、选择预设,或手动输入毫秒值。

请输入 20–10000 毫秒。将对每一帧使用该间隔。

首次播放后再重复的次数。无限表示一直循环。

gif.js 风格:0 表示无限。自定义时输入首次播放后的额外重复次数(0–100)。

关于本 GIF 添加文字工具

  • 为每一帧叠加字幕,支持字体、字号、颜色与对齐
  • 支持描边、阴影、背景框、透明度与旋转,适合 meme 风格文字
  • 保留原始帧间隔与动画节奏
  • 全部在浏览器本地处理,保护隐私

GIF 使用有限调色板。柔和阴影与抗锯齿文字边缘编码后可能略有抖动;较粗描边与纯色填充通常更清晰。

为 GIF 添加文字,是指在每一帧动画上绘制字幕或标题,再重新编码为 GIF89a 循环。使用 OmniGIF,你可以在线完成,无需桌面软件:

"The fillText() method draws (fills) a given text at the given (x, y) position." MDN Web Docs
  • 叠加多行字幕,可调字体、字号与颜色
  • 支持描边、阴影、背景框、透明度与旋转
  • 用预设或自定义 XY 点定位文字
  • 保留帧间隔并在本地重新编码
  • 无服务器上传、无水印

无论是 meme 字幕、产品标注还是简单水印,这个免费工具都能帮你快速为 GIF 添加文字。

使用 OmniGIF 为 GIF 添加文字的流程:解码帧、在画布上合成文字叠加层,再在线重新编码动画:

"The Graphics Interchange Format defines a protocol intended for on-line transmission and interchange of raster graphic data in a way that is independent of the hardware used in their creation or display." W3C GIF89a Specification
  1. 上传 GIF: 选择小于 10MB 的 GIF。在此为 GIF 添加文字时,不会上传到服务器。
  2. 解码帧: 每一帧会展开为完整 RGBA 像素,并用累积合成补全局部帧。
  3. 合成文字: 按你选择的字体、描边、阴影与位置,把字幕绘制到每一帧上。
  4. 预览并下载: 对比原图与添加文字后的结果,然后在本地保存或分享。

因为合成在设备本地完成,源 GIF 保持私密,你可以反复调整,直到字幕符合设计。

动态画面上的文字能让 GIF 在信息流中更快传达信息。人们常搜索「GIF 添加文字」用于 meme 与字幕:

  • Meme 与表情包: 用白色填充与黑色描边,在顶部或底部添加经典可读字幕。
  • 产品演示: 用半透明背景框标注功能点,复杂画面上依然清晰。
  • 水印: 在角落放低透明度的账号或品牌名,尽量不遮挡主体。
  • 社交帖子: 旋转或移动短标题,让循环短片在时间线更醒目。

若需要火焰字效果,可使用 Fire GIF Text;若要给已有动画加清晰静态字幕,请用本工具。

在线为 GIF 添加文字时,这些选择通常能提升可读性:

  • 复杂背景优先用白字加深色描边
  • 画面对比强或细节多时,开启文字背景框
  • 字幕尽量短;多行时每行 2–3 个短句更好
  • 做水印时可略微降低透明度
  • 源文件控制在 10MB 以内,浏览器编码更快

描边宽度、对比度与位置的小调整,往往比改动原动画更重要。

常见问题 - 在线 GIF 添加文字

上传 GIF,输入字幕,调整字体、颜色、位置与样式,然后点击「为 GIF 添加文字」。可预览结果并下载。本工具完全在浏览器本地运行,不会上传到服务器。

可以。在文字框中按 Enter 换行。选择左对齐、居中或右对齐,让每一行按你希望的方式排列。

选用粗显示字体(Impact 很合适),填充设为白色,再加几像素宽的黑色描边,并把文字放在顶部或底部。可选阴影能提升复杂画面上的可读性。

会。OmniGIF 会尽可能保留原始 GIF 的每一帧延迟,因此节奏接近源文件,只有叠加层发生变化。

不会。使用 OmniGIF 为 GIF 添加文字时,处理全程在浏览器本地完成:无上传、无水印,文件不会离开你的设备。

每个 GIF 需小于 10MB。添加文字不会改变尺寸,但重新编码后文件大小可能因质量设置略有变化。

在线 GIF 添加文字 – 免费字幕工具 | OmniGIF