GIF帧提取器 - 动图分解为单帧图片
上传GIF动图,将所有帧提取出来并打包下载为单个PNG文件,用于修改分析。
UD5工具箱
拖拽文件到此处,或点击选择文件
支持动态 WebP(ANIM),最大 50MB
也可直接 Ctrl+V 粘贴图片
支持批量提取、单帧下载、打包导出
ImageDecoder API。推荐使用 Chrome 94+ 或 Edge 94+ 以获得最佳体验。当前将使用备用方案(结果可能不够精确)。
.webp。它在 GIF 的基础上大幅提升了压缩效率,同等画质下文件体积可减少 30%-50%,同时支持有损和无损压缩模式,以及透明通道(Alpha)。WebP 动画在现代浏览器中得到了广泛支持。ImageDecoder API 精确解析 WebP 动画的每一帧。只需上传文件,工具会自动解码所有帧并生成预览缩略图。您可以单帧下载或打包为 ZIP 压缩包批量导出。Chrome 94+ 和 Edge 94+ 提供最佳支持。ImageDecoder API,目前 Chrome 94+ 和 Edge 94+ 完全支持,Firefox 和 Safari 使用备用方案。ffmpeg -i input.gif -c:v libwebp -lossless 0 output.webp。Google 也提供了 webpmux 命令行工具用于制作和编辑 WebP 动画。上传GIF动图,将所有帧提取出来并打包下载为单个PNG文件,用于修改分析。
加载本地视频,定位到任意时间点并捕获当前帧为图像,支持连续捕获多帧。
上传GIF并自动水平平铺提取各帧,生成对应的CSS精灵图定位代码。
显示当前页面动画的实时 FPS 图表,检测掉帧和卡顿,辅助性能优化。
从上传的图片中智能提取主要渐变色方向与色标,生成对应CSS渐变代码,用于设计背景。
生成带闪烁或循环色彩的动态GIF二维码,增加扫码趣味性。
选择视频的一个片段,生成几秒钟的 GIF 动图作为预览缩略图,可设置尺寸和帧率。
加载GIF,逐帧查看,可调节播放速度、前进后退。
上传GIF,通过滑块改变帧间延迟实时预览变速效果,并下载修改后的动图。
在时间轴上拖拽一个元素的位置和样式,自动录制并生成对应的CSS @keyframes动画代码。
配置启动画面背景色与图标,生成对应manifest和meta标签代码。
上传序列帧图片,合成spritesheet并生成对应CSS steps()帧动画代码。
上传 GIF 动画,提取每一帧并拼接为单张精灵表图片,可设置排列方式,用于游戏开发。
从上传的图片中提取主要颜色或指定像素的RGB/HEX值,生成图片调色板,辅助配色设计。
使用 ImageDecoder API 解码图片并逐帧显示(若为动图),展示底层编解码能力。
粘贴代码并选择高亮主题,将代码片段渲染为精美的PNG图片,便于社交媒体分享。
上传PDF文件,逐页渲染并可将任意页面导出为PNG图片,基于pdf.js本地解析,无需安装插件。
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
在图像上点击,利用前端模型将点击范围内的主要物体自动从背景分离。
上传视频,截取其中一小段并转换GIF,可调帧率和尺寸,前端转换。
输入最小/最大字体大小和视口范围,生成精确的 clamp() 值及回退方案。
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异,辅助选择合适曲线。
将同类待办归入电话、外出、电脑等情境,一目了然优化执行顺序。
上传正面照,简单亮度阈值提取剪影,可下载PNG。
将图片进行水平镜像或垂直翻转,简单快捷,纯Canvas处理,下载保存翻转后的图片。
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
在图片上拖拽四个角点,实现任意四边形映射,模拟三维空间中的图片摆放效果。
在色带任意位置点击添加色标并拖拽,感受渐变设计。
上传 SRT 字幕文件,整体提前或延迟所有时间戳,或按比例拉伸压缩以匹配视频。