📖 SlimCodec 三大纯前端多媒体编码与率失真优化架构
SlimCodec 是基于浏览器 WebCodecs、Canvas 2D、OfflineAudioContext 与 CompressionStream 构建的纯前端图片、视频与音频压缩工作台，在本地内存完成全部编码并向远端服务器上传 0 bytes 原始媒体文件。
SlimCodec 同时提供 PNG 256 色 Median-Cut 调色板量化与 Deflate 重打包、WebP/JPEG 视觉率失真压缩、4-bit IMA ADPCM 音频 4:1 压缩、VP9/WebM/MP4 视频重编码，以及实时 PSNR (dB) 与 SSIM 质量核验，支持 4 languages 与 localStorage 参数记忆。
🎛️ 本地媒体源与编码器参数
📊 实时率失真遥测 (PSNR / SSIM) 与双栏对比预览
🔬 SlimCodec 三步完成图片、音频与视频本地高倍压缩 (3 Steps)
-
01 · 选择图片 / 音频 / 视频模式或一键加载内置测试样本
SlimCodec 支持在 3 steps 的第一步直接拖入本地 PNG/JPEG/WebP、WAV/MP3/FLAC 或 MP4/WebM 文件，或点击“加载内置测试样本”在 1 second 内生成合成高清图像、双声道和弦音频或 60fps 动态视频（0 bytes 上传）。
-
02 · 调节目标编码格式、量化色深、采样率或视频码率
SlimCodec 允许精细设置图片质量（1%–100%）、PNG 调色板色数（16–256 色）、音频采样率（8 kHz–48 kHz）与 4-bit IMA ADPCM 编码，以及 MP4 视频目标分辨率（1080p/720p/480p）与码率（300 kbps–2.5 Mbps，0 bytes 上传）。
-
03 · 实时核验压缩率、PSNR/SSIM 质量指标并导出本地文件
SlimCodec 在数毫秒至数秒内输出压缩前后的精确字节数、节省百分比（%）、PSNR (dB)、SSIM 与音频信噪比（SNR），支持双栏画质对比、A/B 音频试听、localStorage 配置保存与一键无损下载。
❓ 图片、音频与视频纯前端压缩常见问题解答 (FAQ)
SlimCodec 整理了关于浏览器本地 PNG 256 色量化、WebP/JPEG 元数据清理、4-bit IMA ADPCM 音频压缩、视频码率控制以及 0 bytes 隐私安全的常见技术解答。
SlimCodec 压缩图片、音频或视频时会把我的私人文件上传到服务器吗？
SlimCodec 100% 在用户浏览器本地内存中运行，通过 Web Audio API、Canvas 2D、CompressionStream 与 MediaRecorder 完成编码，向远端服务器上传 0 bytes 媒体数据，完全杜绝隐私泄露。
为什么 SlimCodec 的 PNG-8 调色板压缩能比普通无损压缩减少 60%–80% 体积？
SlimCodec 采用 Median-Cut 中位切分算法将 32-bit RGBA 像素映射为最多 256 色的 PLTE/tRNS 索引块，配合 Floyd-Steinberg 误差扩散与 Deflate 压缩，使每个像素从 4 bytes 降至 1 byte，视觉 PSNR 通常保持在 36 dB 以上。
音频压缩中的 4-Bit IMA ADPCM WAV 与普通 16-Bit PCM WAV 有什么区别？
SlimCodec 内置标准 RIFF 0x0011 IMA ADPCM 编码器，利用 89 级自适应步长查找表将每个 16-bit 采样差值压缩为 4-bit 半字节（4:1 压缩比）；若配合 22.05 kHz 单声道重采样，可将 10 MB 语音文件缩减至约 650 KB 且主流播放器原生支持。
SlimCodec 如何在浏览器端不依赖庞大外部插件完成视频体积压缩？
SlimCodec 结合 HTML5 Video 解码、Canvas 帧率抽样与 MediaRecorder 硬件加速编码器（VP9/VP8/MP4），通过将目标码率控制在 300 kbps–2.5 Mbps 并下调分辨率至 720p/480p，无需加载 30 MB 外部库即可缩减 50%–85% 视频体积（0 bytes 上传）。
压缩结果面板上的 PSNR (dB) 与 SSIM 指标代表什么含义？
SlimCodec 在 10 ms 内实时计算客观画质指标（0 bytes 上传）：PSNR（峰值信噪比）高于 40 dB 代表人眼几乎无法察觉失真，32–40 dB 代表高性价比平衡区间；SSIM（结构相似性）越接近 1.000 代表边缘纹理保留越完整。