UD5工具箱
视频片段转GIF - 选取时间段导出动图
上传视频，截取其中一小段并转换GIF，可调帧率和尺寸，前端转换。
代码片段转图片 - 高亮代码导出为美观图片
code-snippet
|
code2img
常见问题与知识
这个工具支持哪些编程语言？
支持超过30种主流编程语言，包括JavaScript、TypeScript、Python、Java、C/C++、Go、Rust、Ruby、PHP、SQL、HTML、CSS、JSON、Markdown、Bash等。您也可以选择"自动检测"让工具智能识别代码语言。
导出的PNG图片分辨率如何？
导出使用2倍超采样技术，确保在高DPI屏幕（如Retina显示屏）上依然清晰锐利。图片格式为PNG，支持透明背景（选择纯色背景时可获得高质量图片）。
如何获得最佳导出效果？
建议：①选择与代码风格匹配的高亮主题（暗色主题适合深色背景）；②适当调整字体大小（14-16px为最佳阅读尺寸）；③保持合理的代码行数（过长可分段导出）；④开启行号便于阅读；⑤使用预设背景渐变增加视觉吸引力。
语法高亮是如何实现的？
基于highlight.js引擎，这是一款广泛使用的开源语法高亮库，支持189种语言和90多种样式主题。高亮处理完全在浏览器端完成，代码不会上传到任何服务器，保障隐私安全。
可以在移动端使用吗？
完全支持。工具采用响应式设计，在手机和平板等移动设备上会自动调整布局，编辑区和预览区上下排列，所有功能均可正常使用，包括导出高清PNG图片。
代码转图片有哪些实际应用场景？
常见场景包括：①在社交媒体（Twitter、微博、LinkedIn）上分享代码片段；②制作技术博客的封面图或插图；③在PPT演示中展示代码；④制作教学资料和文档；⑤代码审查时的可视化标注；⑥个人作品集展示。
代码语法高亮工具 - 在线代码美化展示
粘贴代码自动进行语法高亮显示，支持主流编程语言，生成带行号的HTML代码块，方便嵌入博客。
精灵帧动画生成器 - 多图播放及CSS动画
上传序列帧图片，合成spritesheet并生成对应CSS steps()帧动画代码。
PDF页面查看转图片 - 在线提取PDF单页为PNG
上传PDF文件，逐页渲染并可将任意页面导出为PNG图片，基于pdf.js本地解析，无需安装插件。
形状过渡分割线生成 - 页面区块曲线背景
生成用于网页各区块间的波浪或倾斜过渡分割线，导出为SVG或CSS代码。
GIF分解精灵图导出 - 提取单帧和CSS定位
上传GIF并自动水平平铺提取各帧，生成对应的CSS精灵图定位代码。
GIF帧提取器 - 动图分解为单帧图片
上传GIF动图，将所有帧提取出来并打包下载为单个PNG文件，用于修改分析。
Markdown转HTML工具 - 在线MD文档转网页
将Markdown文本即时转换为HTML代码，实时预览样式，直接复制HTML用于网站发布。
控制台日志样式生成 - %c美化输出
配置字体、颜色、背景，生成可粘贴到浏览器控制台的%c格式化日志代码。
GIF 动画转精灵表生成器 - 按行/列提取帧
上传 GIF 动画，提取每一帧并拼接为单张精灵表图片，可设置排列方式，用于游戏开发。
剪影生成器 - 提取人物/物体轮廓变黑
上传正面照，简单亮度阈值提取剪影，可下载PNG。
DOM元素截图工具 - 指定区域导出图片
选中页面上的某个HTML元素，利用html2canvas将其渲染为PNG图片下载。
图标字体实时预览 - 输入码点测试大小
粘贴自定义图标字体的Unicode，调节尺寸颜色立即查看效果。
图片配色提取器 - 从任何图片生成调色板
上传图片或粘贴 URL，提取主色调和辅助色，保存为调色板集合。
WebCodecs API 图像解码器 - 解码 JPEG/PNG 帧
使用 ImageDecoder API 解码图片并逐帧显示（若为动图），展示底层编解码能力。
照片马赛克生成器 - 上传图片分割成彩色方块
上传图片，调节块大小，生成马赛克风格图片，可下载。
轮播图代码生成器 - 滑动幻灯片HTML/JS
拖拽添加图片与文字，生成响应式轮播图Slider，支持自动播放和导航点，提供HTML/CSS/JS代码。
文字动画GIF生成器 - 闪烁/打字效果
输入文字，选择闪烁、打字、彩虹等动态效果，生成文字动画GIF。
纯CSS模态弹窗生成 - 无JS弹出层
利用 `:target` 伪类创建无需JavaScript的弹窗组件，支持关闭按钮和遮罩层。
灵感拼贴板 - 图片随意拖放排版
上传图片随意摆放、缩放、旋转，创建个人愿景或情绪板。
常用表单片段库 - 登录/注册/搜索等
预置多种常见表单（登录、联系、搜索）的HTML代码，点击即可复制并稍作修改。
开关切换按钮生成器 - iOS/Android风格
生成形似iOS或Android的开关切换按钮，支持动画和自定义颜色。
Canvas噪点纹理生成 - 可下载背景图
通过Canvas生成不同粒度、颜色的噪点纹理图片，适合用作页面背景或叠加。
分页组件生成器 - 自定义样式与按钮
设置总页数与当前页，生成数字式或省略式分页导航条。
图像配色方案生成器 - 提取主色并推荐和谐搭配
上传图片，自动提取主色并基于色轮生成类比色、互补色等调色板方案。
简易全景图拼接器 - 两张图左右合成
将两到三张有重叠的手持照片拖入，手动寻找重叠区域自动混合为宽幅全景图。
CSS动画录制器 - 拖拽元素生成关键帧代码
在时间轴上拖拽一个元素的位置和样式，自动录制并生成对应的CSS @keyframes动画代码。
波形音频播放器组件 - 可拖拽进度高亮
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
动态GIF二维码生成器 - 逐帧叠加动画
生成带闪烁或循环色彩的动态GIF二维码，增加扫码趣味性。
图片取色器 - 在线提取图片主色调
从上传的图片中提取主要颜色或指定像素的RGB/HEX值，生成图片调色板，辅助配色设计。