代码片段转图片 - 高亮代码导出为美观图片
粘贴代码并选择高亮主题,将代码片段渲染为精美的PNG图片,便于社交媒体分享。
GIF帧提取器 - 动图分解为单帧图片
上传GIF动图,将所有帧提取出来并打包下载为单个PNG文件,用于修改分析。
图片取色器 - 在线提取图片主色调
从上传的图片中提取主要颜色或指定像素的RGB/HEX值,生成图片调色板,辅助配色设计。
简易全景图拼接器 - 两张图左右合成
将两到三张有重叠的手持照片拖入,手动寻找重叠区域自动混合为宽幅全景图。
图片镜像翻转工具 - 在线水平/垂直对称处理
将图片进行水平镜像或垂直翻转,简单快捷,纯Canvas处理,下载保存翻转后的图片。
GIF分解精灵图导出 - 提取单帧和CSS定位
上传GIF并自动水平平铺提取各帧,生成对应的CSS精灵图定位代码。
图片翻转工具 - 水平/垂直翻转及转置
将图片进行水平翻转、垂直翻转或行列转置,方便调整自拍或扫描方向。
视频动态缩略图生成器 - 提取片段生成 GIF
选择视频的一个片段,生成几秒钟的 GIF 动图作为预览缩略图,可设置尺寸和帧率。
视频片段转GIF - 选取时间段导出动图
上传视频,截取其中一小段并转换GIF,可调帧率和尺寸,前端转换。
精灵帧动画生成器 - 多图播放及CSS动画
上传序列帧图片,合成spritesheet并生成对应CSS steps()帧动画代码。
动态 GIF 合成工具 - 多张图片帧合并成 GIF
上传多张图片作为帧,调整每帧延迟,合成并下载动态 GIF,完全浏览器端实现。
画中画文档演示 - Document Picture-in-Picture API
打开一个始终置顶的小窗口,在其中显示自定义内容(例如笔记/时钟),实验新API。
网页CSS变量提取为色板 - 一键查看站点主题色
输入网址,提取页面定义的所有CSS自定义属性(颜色),生成直观调色板。
GIF 动画转精灵表生成器 - 按行/列提取帧
上传 GIF 动画,提取每一帧并拼接为单张精灵表图片,可设置排列方式,用于游戏开发。
WebCodecs API 图像解码器 - 解码 JPEG/PNG 帧
使用 ImageDecoder API 解码图片并逐帧显示(若为动图),展示底层编解码能力。
Canvas噪点纹理生成 - 可下载背景图
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
WebP 动画帧分解工具 - 提取每帧为静态图片
上传动态 WebP 文件,分离每一帧并下载为独立的 PNG 或 WebP 图片。
Markdown转HTML工具 - 在线MD文档转网页
将Markdown文本即时转换为HTML代码,实时预览样式,直接复制HTML用于网站发布。
开关切换按钮生成器 - iOS/Android风格
生成形似iOS或Android的开关切换按钮,支持动画和自定义颜色。
形状过渡分割线生成 - 页面区块曲线背景
生成用于网页各区块间的波浪或倾斜过渡分割线,导出为SVG或CSS代码。
常用表单片段库 - 登录/注册/搜索等
预置多种常见表单(登录、联系、搜索)的HTML代码,点击即可复制并稍作修改。
轮播图代码生成器 - 滑动幻灯片HTML/JS
拖拽添加图片与文字,生成响应式轮播图Slider,支持自动播放和导航点,提供HTML/CSS/JS代码。
平铺水印生成器 - 满布透明文字/Logo
输入文字或上传Logo,生成半透明平铺在图片上的CSS或PNG水印层。
图标字体实时预览 - 输入码点测试大小
粘贴自定义图标字体的Unicode,调节尺寸颜色立即查看效果。
灵感拼贴板 - 图片随意拖放排版
上传图片随意摆放、缩放、旋转,创建个人愿景或情绪板。
莫比乌斯环可视化 - 3D网页旋转展示
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
图片 3D 透视变换工具 - 拖拽角点进行三维映射
在图片上拖拽四个角点,实现任意四边形映射,模拟三维空间中的图片摆放效果。
图片配色提取器 - 从任何图片生成调色板
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
简单文字水印平铺 - 全图文字半透保护
将文字以一定角度和间隔平铺覆盖整张图片,调整透明度,用于快速样图保护。
DOM元素截图工具 - 指定区域导出图片
选中页面上的某个HTML元素,利用html2canvas将其渲染为PNG图片下载。
UD5工具箱