📖 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 代表邊緣紋理保留越完整。