图片信息查看工具

本工具使用 File API 和 Canvas API 在浏览器本地读取并分析图片的详细信息，包括文件属性、尺寸信息和主色调。

文件信息：通过 File 对象获取文件名、MIME 类型、文件大小（字节）和最后修改时间等元数据。

尺寸信息：通过 Image.naturalWidth 和 Image.naturalHeight 获取图片的原始像素尺寸，并计算总像素数和宽高比。

主色调分析：将图片绘制到 Canvas 上，通过 ctx.getImageData() 读取像素数据，对颜色进行量化分组（每通道压缩到 16 级），统计出现频率最高的颜色。

颜色量化：为提高统计效率，将 RGB 三个通道各 256 级压缩到 16 级（每 16 个值合并），从而将可能的颜色数从 1677 万减少到 4096 种，再按出现次数排序取前 N 种。

采样优化：对于大图片，采用间隔采样（每隔 N 个像素取一个）以提升性能，同时保证统计结果的代表性。

用途：图片质量检查、配色方案提取、图片属性确认、设计参考取色、图片优化前的数据分析等。