UD5工具箱
渐变断点可视化编辑器 - 拖拽色标调整渐变
在渐变条上拖拽添加和移动色标，调整颜色和位置，实时输出 CSS linear-gradient 代码。
GIF体积优化器 - 减少颜色和帧数
GIF 体积优化器
减少颜色 · 精简帧数 · 缩放尺寸 — 让GIF轻量化
拖拽 GIF 文件到此处
或点击选择文件 · 支持最大 50MB · 格式 .gif
常见问题
GIF 优化是如何实现的？
本工具通过三种核心策略来减小GIF体积：
① 颜色量化 — 减少GIF调色板中的颜色数量（如从256色降至64色），大幅降低每帧的数据量；
② 帧率精简 — 智能跳帧，保留关键帧并丢弃中间帧，减少总帧数；
③ 尺寸缩放 — 按比例缩小GIF分辨率，像素越少文件越小。
三种策略可组合使用，在视觉效果和文件大小之间找到最佳平衡。
① 颜色量化 — 减少GIF调色板中的颜色数量（如从256色降至64色），大幅降低每帧的数据量；
② 帧率精简 — 智能跳帧，保留关键帧并丢弃中间帧，减少总帧数；
③ 尺寸缩放 — 按比例缩小GIF分辨率，像素越少文件越小。
三种策略可组合使用，在视觉效果和文件大小之间找到最佳平衡。
减少颜色数量会影响画质吗？
会有一定影响，但通常控制在合理范围内肉眼难以察觉。GIF格式最多支持256色，大多数GIF实际使用的颜色远少于此。降到128色或64色，对于卡通、图标、简单动画几乎无影响；对于照片类GIF，降至32色以下可能出现色带（颜色断层）。建议从128色开始尝试，逐步降低直到找到最佳平衡点。
减少帧数后GIF会变快吗？
不会。工具会保留每帧的原始延迟时间，因此动画播放速度保持不变，只是总时长会相应缩短。例如原GIF有60帧、每帧延迟100ms（总时长6秒），保留1/2帧后变为30帧，总时长变为3秒，但每帧仍然是100ms，播放节奏不变。如果您希望保持总时长，可以手动调整帧延迟。
为什么我上传的GIF处理后反而变大了？
这种情况可能发生在原始GIF已经经过高度优化（使用了帧间差分编码、局部调色板等高级技术），而本工具重新编码时会将每帧作为完整帧处理。如果出现这种情况，建议：① 调低编码质量滑块（向"高压缩"方向）；② 进一步减少颜色数量；③ 缩小尺寸。通常对于大多数GIF，组合优化后都能获得显著的体积缩减。
什么是最佳的颜色数量设置？
这取决于GIF的内容类型：
• 图标/Logo/UI元素：16-32色通常足够
• 卡通/插画动画：32-64色效果良好
• 简单照片/渐变丰富：64-128色
• 复杂照片/电影片段：128-256色
建议从较高颜色数开始预览，逐级下调直到画质开始明显下降，然后回退一档。
• 图标/Logo/UI元素：16-32色通常足够
• 卡通/插画动画：32-64色效果良好
• 简单照片/渐变丰富：64-128色
• 复杂照片/电影片段：128-256色
建议从较高颜色数开始预览，逐级下调直到画质开始明显下降，然后回退一档。
颜料调色模拟器 - 减法混色CMYK结果
选择青、品、黄、黑等基本颜料，按比例混合，预览油画或水彩的调色结果。
渐变噪点混合器 - 生成带纹理的CSS背景
将CSS渐变与SVG噪点滤镜叠加，生成富有质感的网页背景代码。
颜色渐变色带生成 - 等距N色方案
选择起止颜色及所需色阶数，生成均匀插值的颜色数组，输出HEX列表或CSS渐变。
数图/绘图逻辑 - 按行列数字填色块
根据每行每列的数字提示，填充正确格子，最终显示隐藏图画。
图片渐变叠加生成器 - 添加色彩滤镜层
选择一个渐变样式覆盖在图片上，调整混合模式和不透明度，制作氛围图片。
像素排序艺术 - 按亮度/色相重排像素
沿行或列按亮度或色相对像素进行排序，产生独特的故障艺术效果。
WCAG对比度调节器 - 微调颜色达标
输入背景和文字颜色，若对比度不达标，自动计算需微调至最近达标色的方案。
图片曲线调整工具 - RGB 与明度通道调色
在曲线上添加控制点调节图片亮度和各颜色通道，支持 S 曲线、反相、负片等高级调色效果。
Brotli压缩率测试 - 文本/文件在线压缩
输入文本或加载文件，使用Brotli算法压缩，显示压缩前后大小和比率。
声像定位衰减计算 - 左右声道音量分配
设定声像位置，根据常见衰减法则（-3dB, -6dB中心）计算左右声道电平。
动态模糊效果 - 方向性拖影滤镜
给图片添加线性运动方向的模糊痕迹，可调节角度和强度，增强速度感。
Markdown实时双栏对比 - 同步滚动差异
并排编辑和预览两份Markdown文档，高亮行级差异并同步滚动。
渐变文字CSS生成器 - 在线调节渐变色与裁剪
选取渐变色，实时预览渐变文字效果并生成background-clip:text代码。
在线音频压缩器 - 动态范围处理器
使用DynamicsCompressorNode实时调节音频的动态范围，控制阈值和比率。
像素排序艺术生成器 - 方向/阈值控制
对图片像素沿特定方向按明亮度排序，生成拉伸条纹的数字艺术效果。
视差滚动演示器 - 多层背景不同速滚动
构建多层视差滚动示例，调整各层速度和方向，生成简洁HTML/CSS模板。
散点图在线制作 - 输入两组数据直接出图
输入或上传(CSV)两组数值数据，自动绘制散点图并显示回归趋势线。
照片二次曝光合成 - 叠加两张图片混合
将两张图片叠加，并应用屏幕、叠加等混合模式，创造艺术化双重曝光效果。
简易 JS 内存性能分析器 - 对象分配追踪
手动触发创建大量对象，监控 performance.memory 的变化，初步判断内存增长趋势。
图片隐写检测器 - LSB残差图查看
加载图片，显示其最低有效位平面图，辅助发现可能存在的LSB隐写信息。
BlurHash占位图生成器 - 从图片生成模糊预览
上传图片，生成BlurHash字符串和对应的CSS占位图像，用于渐进式加载。
像素画生成器 - 图片转像素风格(Canvas)
将图片转换为像素艺术风格，可调整像素块大小，生成复古像素效果，纯前端Canvas渲染。
RGB通道混合器 - 交换/调整颜色通道
独立编辑红、绿、蓝通道的强度，甚至交换通道，创造迷幻色彩效果。
音画同步测试视频产生器 - 闪屏加滴答声
生成带有严格同步滴答声的闪烁测试视频，用于校正播放设备延迟。
色觉缺陷模拟器 - 上传图片体验不同色盲
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
像素排序艺术生成器 - Glitch故障风格
将图片像素按亮度或色相排序，生成拉伸条状的故障艺术效果。
色盲模拟器 - 图片滤镜在线预览色觉缺陷
上传图片，套用红色盲、绿色盲、蓝色盲等滤镜，模拟色觉障碍者所见的颜色效果。
语义行差异对比 - 忽略空白与注释的文本比较
比较两端代码或文本，智能忽略空格、制表符和注释行变化，专注于逻辑差异检测。
在线颜色混合器 - 两种颜色实时叠加渐变
选择两种颜色并设定混合比例，实时展示混合结果及色值，辅助UI配色。