GIF 加水印

不用安装桌面软件，也能在线给动态 GIF 加水印。OmniGIF 会解码动画、让你放置文字或 Logo，然后在本地重新编码 GIF89a：

• 上传 GIF： 点击、拖放或粘贴不超过 10MB 的 GIF。工具会校验类型、扩展名和文件头。
• 添加水印： 创建文字图层、上传 Logo，或开启平铺。在画布上拖动、缩放和旋转。
• 调整样式与时间： 设置透明度、混合模式、九宫格位置，以及可选的起止帧。预览会实时更新。
• 导出动画： 点击「添加水印」后按原始延迟编码每一帧，然后对比并下载。

这是给动态 GIF 加水印、加 Logo 或加文字水印的实用方式，全程不出浏览器。

GIF89a 的 Graphic Control Extension 可以为每一帧指定透明索引和延迟时间。W3C GIF89a

• W3C：Graphics Interchange Format (GIF89a)
• MDN：在 Web 应用中使用文件

文字水印是给动态 GIF 加上版权行、账号或字幕的最快方式：

• 多行文字、手动换行和版权快捷插入
• 字体、字重、斜体、下划线、对齐、行高和字距
• 填充色、描边、阴影、背景框、内边距和圆角
• Subtle、Copyright、Bold、Outline、Caption 等样式预设

文字会先画到透明图层，因此实时预览和最终导出更接近，也不依赖编码器自带字体。

fillText() 方法会在给定的 (x, y) 位置绘制（填充）文本。MDN Web Docs

• MDN：CanvasRenderingContext2D.fillText()

需要品牌保护、单靠文字不够时，可以把 Logo 加到 GIF 上：

• 支持 PNG、WebP、JPEG 和静态 GIF，只在浏览器中读取
• 合成时保留透明 PNG 的 Alpha 通道
• 包含、覆盖或拉伸适配，以及翻转、缩放和圆角
• 可选裁掉水印四周的透明留白

本工具不加载远程 Logo URL，避免污染 Canvas 导致导出失败。

如果从其他源绘制未经 CORS 许可的图片，画布会被污染，随后无法导出。MDN Web Docs

• MDN：允许图像和 canvas 跨源使用

平铺水印会重复文字或 Logo 单元，裁掉角落也无法去掉标记：

• 生成一张透明总图层，而不是大量独立图章
• 可调水平/垂直间距、行偏移和整体旋转
• 稀疏斜向、均衡、密铺三种密度预设
• 文字和 Logo 都可以作为平铺单元

适合截图、审阅稿，以及可能被裁切后再使用的 GIF。

globalAlpha 可以绘制半透明叠加层，然后再恢复之前的透明度继续绘制。MDN Web Docs

• MDN：CanvasRenderingContext2D.globalAlpha

给 GIF 加水印不只是默认贴在角落。OmniGIF 用原图像素保存位置：

• 九宫格、精确 X/Y、宽高和相对尺寸
• 安全边距吸附，并防止完全拖出画布
• 混合模式、旋转、透明度，以及淡入或缓慢位移等轻量动态效果
• 每个图层的时间/帧范围会与时间轴双向同步

预览缩放不会改变输出尺寸。调整 GIF 尺寸时，可以选择让水印一起缩放，或保持原来的像素大小。

drawImage() 可以把源图像绘制到任意大小的目标矩形中。MDN Web Docs

• MDN：CanvasRenderingContext2D.drawImage()

给动态 GIF 加水印是为了保留署名、减少随意转载，以及标记草稿：

• 在产品演示或表情包角落放上小 Logo
• 在社交短片上加半透明版权行
• 平铺审阅稿，裁切后的静帧仍能看出归属
• 只在循环的某一段显示字幕或标记

在线 GIF 水印应当可编辑、保留动画时序，并且不会强制加上网站自己的水印。

GIF 是一种位图格式，通过多帧和 Graphic Control Extension 支持动画。MDN Web Docs

• MDN：图像文件类型与格式指南（GIF）

OmniGIF 以浏览器本地处理为核心。这个水印工具同样如此：

• GIF和水印仅在浏览器中处理，不会上传到服务器。
• 保存的模板只存在你设备的 localStorage，不会上传。
• 统计事件不包含文件名、Logo 像素或水印文字。
• 导出的 GIF 不含 OmniGIF 自己的水印。

如果需要在不可信网络下给 GIF 加水印，本地处理是更稳妥的默认选择。

用户选择的 File 对象可以完全在浏览器中通过 FileReader 或 URL.createObjectURL 读取。MDN Web Docs

• MDN：在 Web 应用中使用文件
• OmniGIF 隐私政策

给 GIF 加水印之后，还可以用这些 OmniGIF 工具继续处理：

• GIF 去水印 — 用填充、模糊、马赛克、覆盖或裁剪处理已有水印。
• GIF 添加文字 — 为动画叠加字幕，支持字体、描边和阴影。
• 裁剪 GIF — 如果水印仍然挡住主体，可以裁掉多余区域。
• GIF 加边框 — 给加水印后的 GIF 加上实线或圆角边框。
• 火焰 GIF 文字 — 用燃烧字幕替代静态水印。
• GIF 压缩 — 合成后体积变大时，可以再压缩一次。
• 裁剪 GIF 时长 — 去掉水印段落前后不需要的帧。
• GIF 工具 — 浏览完整的 GIF 编辑工具集。