GIF 制作

将多张静态图片或视频片段转换为动态 GIF。

GIF 制作工具 (GIF Maker)

在线 GIF 制作工具可以把多张图片拼成动图，也可以从单个短视频里抽帧生成 GIF。适合做教程演示、社媒动图、产品操作预览和营销素材。整个过程在浏览器本地完成，原始素材不会上传。

如何制作 GIF？

  1. 选择图片序列模式或视频片段模式。
  2. 上传图片或一个短视频文件。
  3. 调整输出宽度、帧率、帧间隔和循环方式。
  4. 点击“生成 GIF”，等待浏览器本地编码完成并下载。

核心特性

  • 支持多图合成 GIF，也支持视频抽帧生成 GIF。
  • 可调整宽度、帧率、颜色质量和循环方式。
  • 纯前端本地处理，适合隐私敏感和快速预览场景。

为什么使用这个工具？

  • 把截图步骤快速整理成一段可分享的动态演示。
  • 把短视频裁成更轻量的 GIF 素材，用于文档和社媒。
  • 无需安装剪辑软件，打开网页就能直接产出结果。

相关工具推荐

图片尺寸调整

批量调整图片宽高，支持按像素或百分比缩放、锁定比例和导出下载。

图片转 ICO

将图片转换为 favicon 或应用图标常用的 ICO 文件，支持多尺寸打包。

SVG 转 PNG/JPG

将 SVG 导出为 PNG 或 JPG，支持自定义尺寸、背景色和本地下载。

SVG 优化器

本地 SVG optimizer 思路，在浏览器本地压缩 SVG 代码、清理元数据并输出优化版本。

EXIF 查看器

本地 exif-viewer 思路，在浏览器本地读取图片中的 EXIF、GPS、相机和拍摄参数。

图片元数据清理

本地 image-metadata-cleaner 思路，在浏览器本地移除 JPEG、PNG、WebP 中的 EXIF、XMP、ICC 等元数据。

图片调色板提取

本地 image-palette-extractor 思路，从图片中提取主色、占比和调色板，并导出 HEX、CSS 或 JSON。

Color Picker

本地 color-picker 思路，在浏览器本地从手动输入、屏幕或图片像素中取色，并实时输出 HEX、RGB、HSL、HSV、CMYK 与 CSS 值。

Color Converter

本地 color-converter 思路，在浏览器本地把 HEX、RGB、HSL、HSV、HWB、LAB、LCH、CMYK 与 CSS 关键字做双向颜色转换，并支持 Alpha 通道。

Color Contrast Checker

本地 color-contrast-checker 思路，在浏览器本地检查前景色与背景色的 WCAG 对比度，并判断普通文字和大号文字的 AA / AAA 通过情况。

CSS Gradient Generator

本地产品组织方式，在浏览器本地可视化生成 linear-gradient、radial-gradient、conic-gradient，并实时复制 CSS 渐变代码。

CSS Box Shadow Generator

本地产品组织方式，在浏览器本地可视化调节 box-shadow 参数，实时预览卡片阴影并复制 CSS 代码。

HTML Color Names

本地产品组织方式，在浏览器本地浏览和搜索 HTML / CSS 命名颜色，并复制名称、HEX、RGB。

favicon 生成器

生成网站常用 favicon 资源、site.webmanifest 和 HTML 引用片段。

Gemini 水印去除

在浏览器本地去除 Gemini 图片右下角可见水印，支持批量处理与下载。

图片转 AVIF

批量将 PNG、JPG 等图片转换为 AVIF，支持质量、缩放比例和 ZIP 下载。

PNG 压缩器

压缩 PNG 文件体积并保留 PNG 输出，支持缩放、减少颜色数量与 ZIP 下载。

图片转 WebP

批量将 PNG、JPG 等图片转换为 WebP，支持质量与缩放比例调整、预览和 ZIP 下载。