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 參數記憶。

📖 查看完整壓縮公式與 FAQ →

🎛️ 本地媒体源与编码器参数

文件 100% 驻留浏览器 ArrayBuffer 内存,支持一键生成高保真测试样本
🖼️
拖入 PNG / JPEG / WebP / SVG 图片,或点击选择文件
0 Bytes Server Upload · 自动剥离 100% EXIF / GPS 隐私标签
内置测试源已就绪
PNG-8 Median-Cut
128 Colors
82%
100% Original

📊 实时率失真遥测 (PSNR / SSIM) 与双栏对比预览

逐像素 / 逐采样点计算客观信噪比、结构相似性与字节缩减率
PNG-8 · 128 Colors + Dither
原始体积 (Original)
-- KB
-- × -- px
压缩后体积 (Compressed)
-- KB
Saved --%
峰值信噪比 (PSNR)
-- dB
MSE: --
结构相似性 (SSIM)
--
EXIF: 100% Stripped
原始图像 (Original RGBA) RAW
压缩输出 (Compressed Output) PNG-8

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