图片抖动特效

让任意图片抖动起来

上传 JPG、PNG 或 WebP 静态图，即可做成带 shake image effect 的 Animated GIF。本页专注 image shake / shaky image，而不是素材图库：

"Canvas API 提供了一种借助 JavaScript 和 HTML <canvas> 元素来绘制图形的方式。"— MDN Web Docs

• 把静态图在线做成 shaking GIF
• 为已有 GIF 叠加 shake filter
• 保持原始尺寸，或设置可选最大边长
• 下载前可先预览动效

无论你需要轻微 camera shake，还是强烈的 image jitter effect，都可以在这一页完成 shake image / make image shake。

• MDN: Canvas API
• W3C: Graphics Interchange Format (GIF89a)

自定义抖动效果

无需完整视频编辑器，即可精细调节 shaky image：

"Graphics Interchange Format 定义了一种面向在线传输与交换栅格图形数据的协议，且与创建或显示所用硬件无关。"— W3C GIF89a 规范

• 抖动强度： 控制每帧水平与垂直方向的最大位移。
• 抖动速度： 放慢或加快静图循环，并对 GIF 输入缩放帧延迟。
• 旋转： 附加轻微倾斜，更接近相机抖动手感。
• 抖动模式： 在经典、水平、垂直、Jitter、Earthquake 之间切换。

轻微预设适合轻 camera shake；强烈预设适合硬抖动与地震感动效。

• MDN: CanvasRenderingContext2D.drawImage()
• W3C: Graphics Interchange Format (GIF89a)

抖动特效风格

所有风格都在本页完成，不会为每种运动单独建 URL：

• 经典抖动： 随机轻微上下左右移动，均衡的 image shaker effect。
• 水平抖动： 以左右移动为主。
• 垂直抖动： 以上下移动为主，适合冲击感强调。
• Jitter： 快速、小幅度、不规则抖动，适合紧张或故障感。
• Earthquake： 大幅随机位移并加强旋转，适合戏剧化 shaky image effect。

选好风格、调好强度，导出一个循环 GIF 即可用于社交或 meme。

• MDN: 图像文件类型与格式指南

如何给图片加抖动效果

四步即可：

1. 上传图片或 GIF。
2. 选择抖动风格并调节强度。
3. 在桌面端预览动画（手机端可直接生成）。
4. 下载为 Animated GIF。

可选边缘处理会略微放大图片以填满画布，或在像素移出画布时保留透明 / 纯色边。

• MDN: Canvas API

为什么使用图片抖动特效？

当静图显得太平淡时，shaking image 循环很有用：

• Meme 图片： 不用剪视频也能给反应图加冲击感。
• Reaction GIF： 把人脸或截图做成短抖动 GIF。
• 冲击特效： 用 Earthquake 或强烈预设表现撞击、砸落。
• 游戏画面： 强调受伤、警报或 UI 提示。
• 社交媒体： 用轻量 GIF 抓住注意力。

需要静图 meme 字幕？试试 Intensify GIF Maker。需要多张 PNG 序列？用 PNG to GIF。导出后要改播放速度，可用 GIF Speed Changer。

相关 OmniGIF 工具：

• Intensify GIF Maker
• PNG to GIF
• GIF Speed Changer
• Glitch GIF Maker

• MDN: 图像文件类型与格式指南