SlimCodec 0-BYTE UPLOAD · LOCAL CODEC
纯前端图片 · 视频 · 音频高密度压缩工作台 (0-Byte Upload)
100% 本地内存编码 · 0 字节上传
← 返回压缩工作台

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 参数记忆。

⚙️ 六大核心压缩与质量评估模块 (6 Core Codec & Telemetry Modules)

01 · PNG 中位切分调色板量化与 Floyd-Steinberg 误差扩散

Module 01 · PNG-8 Median-Cut & Deflate

SlimCodec 在浏览器内存中直接扫描 RGBA 像素矩阵,利用三维色彩空间中位切分(Median-Cut)将 24-bit 真彩色收敛为 16 至 256 色索引调色板,配合 Floyd-Steinberg 误差扩散与 CompressionStream Deflate 压缩,将 PNG 体积缩减 55%–80% 且上传 0 bytes。

Palette Split = argmax_{R,G,B} (MaxChannel - MinChannel) at Median Pixel Count Dither Error (x,y) = [7/16 → (x+1,y), 3/16 → (x-1,y+1), 5/16 → (x,y+1), 1/16 → (x+1,y+1)]

02 · WebP / JPEG 视觉感知量化与 EXIF 隐私元数据剥离

Module 02 · Perceptual WebP & JPEG

SlimCodec 通过离屏 Canvas 重建纯净像素缓冲区,100% 自动剥离相机 EXIF、GPS 经纬度与缩略图冗余块,并支持 1%–100% 质量因子与 4K/1080p/720p 双三次下采样,在 1 second 内输出高压缩比 WebP 或 JPEG 文件。

Output Bytes = Canvas2D.toBlob(mime="image/webp"|"image/jpeg", quality ∈ [0.01, 1.00]) Privacy Guarantee = 100% EXIF / GPS / IPTC / XMP Metadata Stripped (0 bytes leaked)

03 · 实时峰值信噪比 (PSNR) 与结构相似性 (SSIM) 客观画质核验

Module 03 · PSNR & SSIM Telemetry

SlimCodec 在每次图片压缩后于 10 ms 内自动解码压缩流并与原始 RGBA 缓冲区逐像素比对(0 bytes 上传),精确计算均方误差(MSE)、峰值信噪比(PSNR,单位 dB)与结构相似性指数(SSIM,0–1),帮助用户在 40 dB 以上无感区间平衡体积与画质。

MSE = (1 / (3·W·H)) · Σ [(R₁-R₂)² + (G₁-G₂)² + (B₁-B₂)²] PSNR (dB) = 10 · log₁₀(255² / MSE) | SSIM = [(2μₓμᵧ+C₁)(2σₓᵧ+C₂)] / [(μₓ²+μᵧ²+C₁)(σₓ²+σᵧ²+C₂)]

04 · 音频多相重采样与 4-Bit IMA ADPCM (0x0011) 硬件级压缩

Module 04 · 4-Bit IMA ADPCM Audio

SlimCodec 利用 OfflineAudioContext 将 48 kHz 立体声平滑下采样至 44.1 kHz、22.05 kHz 或 16 kHz,并内置纯 JavaScript 实现的 4-bit IMA ADPCM(RIFF 0x0011 规范)自适应差分脉冲编码器,在 0 bytes 上传下实现 75%–88% 的确定性音频瘦身。

ADPCM Step Index = clamp(Index + IndexTable[Nibble & 0x07], 0, 88) Compression Ratio = 16-bit PCM (176.4 KB/s) → 4-bit Mono 22.05kHz ADPCM (11.1 KB/s, -93.7% bytes)

05 · 视频分辨率缩放、帧率抽帧与 VP9 / MP4 码率重编码

Module 05 · Video Bitrate & FPS Transcoder

SlimCodec 基于 HTMLCanvasElement.captureStream 与 MediaRecorder 硬件编码管线,支持将 4K/1080p 视频按比例缩放至 720p/480p,限制帧率为 30 fps 或 24 fps,并将目标码率锁定在 300 kbps–2.5 Mbps,全程在浏览器沙箱内完成 MP4/WebM 瘦身。

Target Bitrate = VideoBitsPerSecond ∈ {2500k, 1200k, 600k, 300k} + AudioBitsPerSecond (64k) Estimated Size(MB) = (TargetBitrate_kbps × Duration_seconds) / 8192

06 · 零上传内存沙箱与严格 CSP 安全基线

Module 06 · Zero-Upload Sandbox

SlimCodec 遵循 default-src 'none' 的严格 Content-Security-Policy 与 SHA-256 脚本签名,所有图片、音频与视频均通过 FileReader 与 URL.createObjectURL 在本地内存处理,0 bytes 数据离开用户设备,历史配置仅保存在浏览器 localStorage。

Network Upload = 0 bytes (100% Client-Side ArrayBuffer & Blob URL Processing) Security Baseline = CSP default-src 'none'; script-src 'self' 'sha256-...'; X-Frame-Options: DENY

🔬 SlimCodec 三步完成图片、音频与视频本地高倍压缩 (3 Steps)

100% 浏览器内存执行、零服务器上传、支持实时 PSNR/SSIM 与波形对比的确定性压缩工作流
  1. 01 · 选择图片 / 音频 / 视频模式或一键加载内置测试样本

    SlimCodec 支持在 3 steps 的第一步直接拖入本地 PNG/JPEG/WebP、WAV/MP3/FLAC 或 MP4/WebM 文件,或点击“加载内置测试样本”在 1 second 内生成合成高清图像、双声道和弦音频或 60fps 动态视频(0 bytes 上传)。

  2. 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 上传)。

  3. 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 代表边缘纹理保留越完整。