GIF逐帧查看器 - 慢速播放控制
加载GIF,逐帧查看,可调节播放速度、前进后退。
UD5工具箱
拖拽到此处,或点击选择文件
支持 .gif 格式,最大 50MB
demo_2x.gif),方便您区分不同速度版本。下载的文件是标准的 GIF 格式,可以在任何支持 GIF 的设备或平台上正常使用。
加载GIF,逐帧查看,可调节播放速度、前进后退。
上传GIF动图,将所有帧提取出来并打包下载为单个PNG文件,用于修改分析。
生成带闪烁或循环色彩的动态GIF二维码,增加扫码趣味性。
上传视频,截取其中一小段并转换GIF,可调帧率和尺寸,前端转换。
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异,辅助选择合适曲线。
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
从上传的图片中智能提取主要渐变色方向与色标,生成对应CSS渐变代码,用于设计背景。
在时间轴上拖拽一个元素的位置和样式,自动录制并生成对应的CSS @keyframes动画代码。
上传GIF并自动水平平铺提取各帧,生成对应的CSS精灵图定位代码。
加载本地视频,定位到任意时间点并捕获当前帧为图像,支持连续捕获多帧。
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
上传 GIF 动画,提取每一帧并拼接为单张精灵表图片,可设置排列方式,用于游戏开发。
通过拖拽贝塞尔曲线调整图片的亮度和颜色映射,实现高级调色效果。
本地音频或麦克风输入时,显示随音乐跳动的频谱柱状图,多种配色风格。
输入列表项,通过鼠标拖拽手动排列项目顺序后导出。
输入文字,选择闪烁、打字、彩虹等动态效果,生成文字动画GIF。
上传序列帧图片,合成spritesheet并生成对应CSS steps()帧动画代码。
上传图片,自动提取最突出的两个颜色,生成水平或垂直渐变CSS。
配置启动画面背景色与图标,生成对应manifest和meta标签代码。
上传图片,显示红、绿、蓝及亮度通道的直方图,辅助评估曝光与色彩分布。
分别使用 WebGPU 和 Canvas 2D 绘制复杂渐变,实时对比帧率与 CPU/GPU 占用,展示硬件加速优势。
从上传的图片中提取主要颜色或指定像素的RGB/HEX值,生成图片调色板,辅助配色设计。
在色带任意位置点击添加色标并拖拽,感受渐变设计。
粘贴代码并选择高亮主题,将代码片段渲染为精美的PNG图片,便于社交媒体分享。
精选数百种流行渐变配色,点击即复制CSS代码,用于网页或应用背景。
生成用于网页各区块间的波浪或倾斜过渡分割线,导出为SVG或CSS代码。
配置下划线从中间或一侧滑出的动画,生成无限菜单效果代码。
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
上传多张图片或拍摄连拍,调整帧延迟和尺寸,纯前端合成GIF动画并下载。
使用 ImageDecoder API 解码图片并逐帧显示(若为动图),展示底层编解码能力。