给 GIF 加图片
作者 Calvin Sun
在浏览器中为动态 GIF 叠加照片、贴纸或 Logo。可拖动定位,并调整大小、透明度与旋转——文件不会离开你的设备。
点击选择 GIF 文件
或将 GIF 拖放到此处
也可以从剪贴板粘贴 GIF。
GIF 与叠加图片仅在浏览器中处理,不会上传到服务器。
工具说明
- • 上传在本地完成。浏览器解码 GIF,在画布上叠加图片,再由 gif.js 重新编码。
- • 实时预览只更新当前帧。点击「给 GIF 加图片」后才会完整编码。
- • PNG/WebP 的透明通道会尽量保留,但 GIF 输出仍为 256 色。
- • OmniGIF 不会在下载文件上添加自家 Logo。
GIF 仅支持 256 色与二元透明,柔边阴影或半透明贴纸编码后可能略有色阶。
给 GIF 加图片指南
无需桌面软件,即可把照片、贴纸或 Logo 放到 GIF 上。OmniGIF 在本地解码、合成并重新编码:
- 上传 GIF: 点击、拖放或粘贴 10MB 以内的 GIF,本地校验格式。
- 添加图片: 上传 PNG、JPG、WebP 或静态 GIF 贴纸,在画布上拖动、缩放、旋转。
- 调整叠加: 设置透明度、混合模式、位置,以及可选的出现时间。桌面端可实时预览。
- 导出动画: 点击「给 GIF 加图片」编码全部帧,对比后下载。
这是在浏览器里给 GIF 加图片、贴照片或加贴纸的最快方式之一。
Canvas API 可将图片绘制到位图,再逐帧导出。MDN Canvas API
适合社交分享、表情包等轻量叠加场景:
- 在动态 GIF 上贴表情或反应图
- 把头像或照片放到循环片段上
- 在可分享 GIF 上加小型频道 Logo
- 透明 PNG 贴纸叠在透明 GIF 上
品牌平铺水印请用「GIF 加水印」;GIF 叠照片等多层合成请用「GIF 叠加」。
PNG 支持 Alpha 通道,适合贴纸式叠加后再编码为 GIF。W3C PNG 规范
添加图片后可精细调整每个图层:
- 画布拖动或顶部/居中/底部预设
- 宽高调节并锁定比例
- 旋转、翻转、透明度与混合模式
- 多帧 GIF 可限制图层出现时间段
桌面端编辑时可实时预览;移动端导出后可前后对比。
Canvas 2D 变换支持在写入每帧前旋转与缩放。MDN Canvas 变换
常见搜索意图包括:
- 在 GIF 上放一张图用于社交发帖
- 给表情包模板加照片
- 在短循环上加 Logo 角标
- 不用 Photoshop 快速贴贴纸
上传 GIF 并添加一张或多张叠加图即可,全程本地处理。
GIF89a 在单文件中存储多帧及每帧延迟。W3C GIF89a
与其他 OmniGIF 工具一样,文件留在你的设备上:
- GIF 与叠加图仅在浏览器内存中解码
- 不会上传到 OmniGIF 服务器
- 下载文件仅包含你添加的图片
- 导出不会添加 OmniGIF 品牌标记
适合草稿、表情包和分享前预览。
客户端处理可避免将个人照片或未发布素材发送到远程服务。MDN Web API
给 GIF 加图片 FAQ
上传 GIF,点击「添加图片」,选择 PNG/JPG/WebP 或静态 GIF 贴纸,拖到合适位置后导出。OmniGIF 会在浏览器中将图片合成到每一帧。
可以。上传 PNG、JPEG 或 WebP 静图,调整大小、旋转和透明度后下载新 GIF。
使用透明 PNG 或 WebP 贴纸/Logo,添加图片图层后可在动画上自由拖动。若需要品牌版权水印或平铺水印,请使用「GIF 加水印」。
可以。本工具专用于在动态 GIF 上叠加静图。若需 GIF 叠静图、静图叠 GIF 或多层合成,请使用「GIF 叠加」。
可以。支持多个图片图层,可调整顺序、透明度与时间范围。
给 GIF 加图片适合已有 GIF、快速贴一张图;GIF 叠加适合多层合成,如 GIF 叠照片、照片叠 GIF 或 GIF 叠 GIF。
默认会保留每帧延迟,除非在编码设置中指定统一帧间隔。
不会。GIF 与叠加图片均在浏览器本地处理,不会上传。