视频动态缩略图生成器 - 提取片段生成 GIF
选择视频的一个片段,生成几秒钟的 GIF 动图作为预览缩略图,可设置尺寸和帧率。
UD5工具箱
选取视频中任意时间段,轻松导出为高质量GIF动图。完全在浏览器本地处理,无需上传文件到服务器。
或点击选择文件 · 支持 MP4 / WebM / MOV / OGG
最大推荐文件大小:500MB
注意:原始视频通常为24-30 FPS,GIF不需要如此高的帧率即可获得良好观感。
高度会根据视频原始宽高比自动计算,保持画面不变形。
选择视频的一个片段,生成几秒钟的 GIF 动图作为预览缩略图,可设置尺寸和帧率。
上传多张图片作为帧,调整每帧延迟,合成并下载动态 GIF,完全浏览器端实现。
上传多张图片或拍摄连拍,调整帧延迟和尺寸,纯前端合成GIF动画并下载。
上传 GIF 动画,提取每一帧并拼接为单张精灵表图片,可设置排列方式,用于游戏开发。
上传GIF动图,将所有帧提取出来并打包下载为单个PNG文件,用于修改分析。
粘贴代码并选择高亮主题,将代码片段渲染为精美的PNG图片,便于社交媒体分享。
生成带闪烁或循环色彩的动态GIF二维码,增加扫码趣味性。
上传序列帧图片,合成spritesheet并生成对应CSS steps()帧动画代码。
上传GIF并自动水平平铺提取各帧,生成对应的CSS精灵图定位代码。
上传GIF,通过滑块改变帧间延迟实时预览变速效果,并下载修改后的动图。
加载GIF,逐帧查看,可调节播放速度、前进后退。
上传图片,设定行列数,自动铺满成网格排列的新图片,适合制作重复表情。
生成用于网页各区块间的波浪或倾斜过渡分割线,导出为SVG或CSS代码。
选中页面上的某个HTML元素,利用html2canvas将其渲染为PNG图片下载。
在时间轴上拖拽一个元素的位置和样式,自动录制并生成对应的CSS @keyframes动画代码。
上传PDF文件,逐页渲染并可将任意页面导出为PNG图片,基于pdf.js本地解析,无需安装插件。
上传正面照,简单亮度阈值提取剪影,可下载PNG。
在图像上点击,利用前端模型将点击范围内的主要物体自动从背景分离。
输入文字,选择闪烁、打字、彩虹等动态效果,生成文字动画GIF。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
拖拽添加状态和转换,定义事件和动作,生成 JavaScript 状态机代码。
配置下划线从中间或一侧滑出的动画,生成无限菜单效果代码。
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
加载本地视频,定位到任意时间点并捕获当前帧为图像,支持连续捕获多帧。
上传精灵表图片,设定行数和列数,实时播放动画并提取单帧。
预置多种常见表单(登录、联系、搜索)的HTML代码,点击即可复制并稍作修改。
将Markdown文本即时转换为HTML代码,实时预览样式,直接复制HTML用于网站发布。
将HTML标记转换为Pug(原Jade)的缩进语法模板,去除尖括号,让模板开发更快速。
将两到三张有重叠的手持照片拖入,手动寻找重叠区域自动混合为宽幅全景图。