UD5工具箱
功能特性概览
WebCodecs API 图像解码器提供了一套完整的功能体系，覆盖了从图片上传到解码分析的完整流程。以下是各核心功能模块的详细介绍。
图片上传功能
工具支持多种方式的图片上传。用户可以通过点击上传按钮选择本地图片文件，也可以直接将图片文件拖拽到上传区域。支持的图片格式包括 JPEG、PNG、WebP、BMP 等常见格式。上传区域提供了清晰的文件格式提示和大小限制说明，帮助用户选择合适的测试图片。上传成功后，工具会立即显示图片的原始信息，包括文件名、文件大小、原始尺寸等基础元数据，为后续的解码操作做好准备。
格式选择与配置
虽然 ImageDecoder 能够自动检测图片格式，但工具也提供了手动格式选择功能，允许用户指定解码时使用的编解码器类型。这一功能在处理格式不标准或扩展名不匹配的图片文件时特别有用。格式选择器提供了详细的格式说明，包括每种格式的特点、支持的颜色深度、压缩方式等信息，帮助用户做出正确的选择。用户还可以配置解码参数，如色彩空间转换选项和解码线程优先级等。
逐帧显示功能
这是本工具的核心功能。解码完成后，所有帧会以缩略图网格的形式展示在帧展示区域。每个缩略图下方标注了帧序号和基本尺寸信息。对于单帧图片，只会显示一个缩略图；对于动图，会显示所有帧的缩略图。用户可以点击任意帧查看全尺寸的解码结果，并在解码信息面板中查看该帧的详细元数据。逐帧显示功能让用户能够清晰地看到动图中每一帧的内容变化，理解动画的编码原理。
解码信息展示
解码信息面板是本工具的技术亮点。它详细展示了每次解码操作的完整信息，包括使用的编解码器名称、解码耗时（精确到毫秒）、输入数据大小、输出像素格式、色彩空间信息、帧的显示持续时间（对于动图）以及序列号等。这些信息通过结构化的卡片布局呈现，清晰易读。开发者可以将这些数据作为性能基准，用于比较不同图片格式和尺寸的解码效率。
动图帧序列支持
对于动画格式的图片（如动画 PNG、多帧 JPEG 等），工具能够完整解析帧序列信息。用户可以看到动画的总帧数、每帧的显示持续时间、帧间延迟、循环次数等关键参数。工具还提供了帧播放控制功能，支持逐帧前进、逐帧后退、自动播放和暂停等操作，方便用户仔细分析动画的每一帧内容。播放速度可调节，满足不同分析需求。
API 说明文档
内置的 API 说明文档详细介绍了 ImageDecoder 的构造方法、decode() 参数配置、close() 资源释放、isConfigSupported() 格式检测等核心接口的使用方式。文档还包含了完整的代码示例，展示了如何创建 ImageDecoder 实例、如何配置解码选项、如何处理解码结果和错误情况。这些示例代码可以直接复制到项目中使用，为开发者节省了大量的学习和调试时间。