批量图片压缩：队列、统一参数与逐张对比

批量压缩的难点不是「压」，而是「压完怎么确认每张都没问题」。这个工具按队列串行处理，每张都给前后预览与体积变化比例，压大了的会明确标出来，让你逐张决定要不要保留。

为什么是串行而不是并发

图片解码与编码都是 CPU 密集操作。同时开十几张会让浏览器主线程与内存同时吃紧，尤其在手机上容易直接崩掉标签页。

串行处理的代价是总耗时略长，但换来的是：进度可见、可随时停止、内存峰值可控。批量任务里「稳定完成」比「快两秒」重要。

统一参数还是逐张调

工具的设计是统一参数：一次设定质量、输出格式、最大边，全部图片按同一套处理。理由是同批图片通常来自同一场景（同一个页面、同一次拍摄），统一参数才能保证视觉一致。

需要不同参数的图片，分批处理更清楚。逐张调参数会产生「同一页里有的清晰有的糊」的结果，反而要返工。

看懂体积变化比例

每张图都显示压缩前后的字节数与变化比例，正数是变小，负数是变大。

出现「增大」通常意味着：源文件已经压过、目标格式不适合这类内容（照片转 PNG）、或者质量设得比原图还高。看到增大就保留原文件——批量任务里最忌讳「为了统一处理，把本来很小的图搞大」。

内存保护与限制

浏览器解码图片占用的内存远高于文件体积：一张 4000×3000 的图解码后是 4000×3000×4 ≈ 48MB，与它 2MB 的文件大小无关。

所以页面会限制文件数量、单文件体积、最大边、总像素和估算的 RGBA 内存。超出会明确拒绝，而不是硬扛到崩溃——批量处理时，一次崩溃会丢掉整批进度。