免费在线工具

给GIF
添加文字

轻松为你的动态GIF添加自定义文字。使用独特字体、颜色和位置进行个性化。非常适合社交媒体或保护你的内容。

在这里放上你的图片

JPG、PNG、GIF、WebP、MP4、WebM、MOV

无需注册
即时
无水印
让互联网变得更糟 // 一次一个像素 // 加入混乱 // 质量被高估了   //   让互联网变得更糟 // 一次一个像素 // 加入混乱 // 质量被高估了   //   让互联网变得更糟 // 一次一个像素 // 加入混乱 // 质量被高估了   //   让互联网变得更糟 // 一次一个像素 // 加入混乱 // 质量被高估了   //   让互联网变得更糟 // 一次一个像素 // 加入混乱 // 质量被高估了   //  

效果对比

见证文字转变

原始GIF
已添加文字

如何使用

三步给GIF添加文字

01

上传你的GIF
点击从电脑上传你的GIF或拖放上传。

02

添加并自定义文字
输入你想要的文字,自定义字体、颜色、大小和位置来匹配你的风格。

03

下载
预览添加了文字的GIF,然后下载到你的设备。

常见问题

常见问题解答

抗锯齿如何影响GIF中的文字渲染?

GIF缺乏alpha通道支持,所以抗锯齿必须使用调色板技巧:(1)有序抖动(边缘的几何图案),(2)误差扩散抖动(将颜色误差分配给邻居),或(3)"光晕"效果(先在黑色上渲染文字,再在白色上渲染,用差异作为遮罩)。我们的工具根据文字大小自动选择——大文字使用误差扩散以获得更平滑的边缘。

支持哪些字体格式进行渲染?

我们通过Canvas API渲染支持TTF、OTF、WOFF和WOFF2。系统字体从你的操作系统枚举。字体粗细被保留——Inter Bold的渲染与Inter Regular不同。如果字体加载失败(CORS问题),我们回退到Arial。

如何添加随GIF动作动画的文字?

我们通过关键帧支持逐帧文字定位。每个文字图层有:(1)初始位置,(2)特定帧上的关键帧位置,(3)插值模式(线性、缓入、缓出)。复杂的运动路径应导出为JSON并重新导入。对于简单的视差效果,在10帧上调整Y位置±5px。

为什么我的文字在透明背景上看起来块状?

GIF使用一个透明颜色索引,而不是每像素alpha。如果你的文字在文字颜色和透明之间有抗锯齿像素,那些中间像素必须映射到文字颜色或透明——创造锯齿状边缘。使用"对齐到不透明"选项先使用背景颜色渲染文字,然后将其设置为透明索引。

哪些文字效果针对GIF输出进行了优化?

针对GIF优化的效果:描边(用可配置像素宽度的轮廓,不是抗锯齿的)、投影(带高斯模糊的偏移)、内阴影(文字边界内的描边)和发光(在后面的模糊复制图层)。需要每像素alpha的效果(柔和投影、渐变)在GIF中会抖动得很差——少用且半径小。

如何将文字颜色与GIF的调色板匹配?

GIF调色板限制为256色。我们提供两种方法:(1)调色板采样——提取GIF主色并建议对比度足够(WCAG 4.5:1比率)的互补文字颜色。(2)直接RGB——如果你选择的颜色不在调色板中,我们使用Floyd-Steinberg进行抖动,这在大面积文字区域会产生纹理外观。

准备好
创作了吗? Art?

停止阅读。开始创造混乱。