精灵图分割器 - 将合图拆成单帧小图
上传合并的精灵图,设定行数和列数,自动裁切为单独的小图并打包下载。
UD5工具箱
支持批量上传,或点击选择文件
支持 JPG / PNG / WebP / GIF(静态帧) / BMP
上传序列图片开始合成GIF动画
上传合并的精灵图,设定行数和列数,自动裁切为单独的小图并打包下载。
手动输入多个请求的起止时间,绘制并发请求时序瀑布图,模拟Web性能优化。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
设计Sonobe等模块化折纸单元的折叠模式与组装动画,输出折痕图打印。
浏览数十种纯CSS加载旋转器,点击复制代码或自定义颜色尺寸,节省开发时间。
上传多张小图标,自动合并成一张Sprite图,并生成对应CSS背景定位代码,提升加载性能。
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
添加本地视频和SRT字幕文件,预览并生成带硬字幕的新视频文件。
选择本地视频,拖拽选择起点和终点,直接保存裁剪后的视频片段。
输入LaTeX命令如 \alpha 或 \sum,即时渲染为高清可下载的SVG或PNG图片。
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。
一次粘贴多个标题,批量转换为对应的小写英文slug,并去重检查。
自定义套餐名、价格、功能列表,生成对比式价格表UI的HTML/CSS代码。
通过Canvas调整图片的宽度和高度,支持保持比例或自定义尺寸,快速修改图片分辨率并下载。
上传图片并可视化调整九宫格切片线,生成CSS border-image相关代码。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
演示如何使用TextEncoderStream和TextDecoderStream分批对大文本进行编码和解码。
浏览数十种纯CSS实现的加载小动画,点击复制代码直接用于项目。
输入像素值并设定根字号或视口宽度,一键换算为 rem/em/vw 等相对单位,方便响应式开发。
将多个简单几何形状随机组合,形成抽象标志logo初稿,导出SVG。
可视化编辑Apache Avro方案,支持字段嵌套与联合类型,实时生成对应的JSON示例数据以供验证。
选择卡片、列表或表格布局,生成对应的灰色闪烁骨架屏HTML/CSS代码。
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
上传包含问题和答案的CSV文件,一键生成复习闪卡集,支持按熟悉度分类。
设置基础字号后批量转换像素值为em/rem,同时提供反向计算,保证响应式单位准确。
选择图标形状,输入文字,调整颜色和布局,快速生成简易SVG格式Logo。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
配置弹窗标题、内容、按钮和动画效果,一键生成干净的自定义模态框HTML/CSS代码。
将SVG路径数据转换为CSS clip-path: path() 语法,用于裁剪HTML元素。
在画布上通过控制点绘制曲线与直线,生成对应的SVG <path> d属性字符串,方便插画引用。