# SlimCodec — Full Technical & Multilingual Reference (llms-full.txt)

Canonical Root: https://compress.llmland.io/
Methodology Reference: https://compress.llmland.io/principles/
Supported Locales: zh-Hans, zh-Hant, en, ja
Architecture: 100% Client-Side In-Memory Multimedia Compression (0-Byte Server Upload)

---

## Locale: zh-Hans (zh-CN)
- **Live Compressor URL**: https://compress.llmland.io/zh-Hans/
- **Methodology URL**: https://compress.llmland.io/zh-Hans/principles/
- **Title**: 在线图片、视频与音频无损/有损压缩工作台 — SlimCodec
- **Description**: SlimCodec 是 100% 纯前端图片、视频与音频压缩工具，支持 PNG 中位切分量化、WebP/JPEG 压缩、4-bit IMA ADPCM 音频与 MP4/WebM 视频瘦身，向服务器上传 0 bytes 数据。

### Summary
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)
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)
### Q: SlimCodec 压缩图片、音频或视频时会把我的私人文件上传到服务器吗？
A: SlimCodec 100% 在用户浏览器本地内存中运行，通过 Web Audio API、Canvas 2D、CompressionStream 与 MediaRecorder 完成编码，向远端服务器上传 0 bytes 媒体数据，完全杜绝隐私泄露。

### Q: 为什么 SlimCodec 的 PNG-8 调色板压缩能比普通无损压缩减少 60%–80% 体积？
A: SlimCodec 采用 Median-Cut 中位切分算法将 32-bit RGBA 像素映射为最多 256 色的 PLTE/tRNS 索引块，配合 Floyd-Steinberg 误差扩散与 Deflate 压缩，使每个像素从 4 bytes 降至 1 byte，视觉 PSNR 通常保持在 36 dB 以上。

### Q: 音频压缩中的 4-Bit IMA ADPCM WAV 与普通 16-Bit PCM WAV 有什么区别？
A: SlimCodec 内置标准 RIFF 0x0011 IMA ADPCM 编码器，利用 89 级自适应步长查找表将每个 16-bit 采样差值压缩为 4-bit 半字节（4:1 压缩比）；若配合 22.05 kHz 单声道重采样，可将 10 MB 语音文件缩减至约 650 KB 且主流播放器原生支持。

### Q: SlimCodec 如何在浏览器端不依赖庞大外部插件完成视频体积压缩？
A: SlimCodec 结合 HTML5 Video 解码、Canvas 帧率抽样与 MediaRecorder 硬件加速编码器（VP9/VP8/MP4），通过将目标码率控制在 300 kbps–2.5 Mbps 并下调分辨率至 720p/480p，无需加载 30 MB 外部库即可缩减 50%–85% 视频体积（0 bytes 上传）。

### Q: 压缩结果面板上的 PSNR (dB) 与 SSIM 指标代表什么含义？
A: SlimCodec 在 10 ms 内实时计算客观画质指标（0 bytes 上传）：PSNR（峰值信噪比）高于 40 dB 代表人眼几乎无法察觉失真，32–40 dB 代表高性价比平衡区间；SSIM（结构相似性）越接近 1.000 代表边缘纹理保留越完整。

---

## Locale: zh-Hant (zh-TW)
- **Live Compressor URL**: https://compress.llmland.io/zh-Hant/
- **Methodology URL**: https://compress.llmland.io/zh-Hant/principles/
- **Title**: 線上圖片、影片與音訊無損/有損壓縮工作台 — SlimCodec
- **Description**: SlimCodec 是 100% 純前端圖片、影片與音訊壓縮工具，支援 PNG 中位切分量化、WebP/JPEG 壓縮、4-bit IMA ADPCM 音訊與 MP4/WebM 影片瘦身，向伺服器上傳 0 bytes 資料。

### Summary
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)
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)
### Q: SlimCodec 壓縮圖片、音訊或影片時會把我的私人檔案上傳到伺服器嗎？
A: SlimCodec 100% 在使用者瀏覽器本地記憶體中運行，透過 Web Audio API、Canvas 2D、CompressionStream 與 MediaRecorder 完成編碼，向遠端伺服器上傳 0 bytes 媒體資料，完全杜絕隱私外洩。

### Q: 為什麼 SlimCodec 的 PNG-8 調色盤壓縮能比普通無損壓縮減少 60%–80% 體積？
A: SlimCodec 採用 Median-Cut 中位切分演算法將 32-bit RGBA 像素映射為最多 256 色的 PLTE/tRNS 索引區塊，配合 Floyd-Steinberg 誤差擴散與 Deflate 壓縮，使每個像素從 4 bytes 降至 1 byte，視覺 PSNR 通常保持在 36 dB 以上。

### Q: 音訊壓縮中的 4-Bit IMA ADPCM WAV 與普通 16-Bit PCM WAV 有什麼區別？
A: SlimCodec 內建標準 RIFF 0x0011 IMA ADPCM 編碼器，利用 89 級自適應步長查找表將每個 16-bit 採樣差值壓縮為 4-bit 半位元組（4:1 壓縮比）；若配合 22.05 kHz 單聲道重採樣，可將 10 MB 語音檔案縮減至約 650 KB 且主流播放器原生支援。

### Q: SlimCodec 如何在瀏覽器端不依賴龐大外部外掛完成影片體積壓縮？
A: SlimCodec 結合 HTML5 Video 解碼、Canvas 幀率抽樣與 MediaRecorder 硬體加速編碼器（VP9/VP8/MP4），透過將目標碼率控制在 300 kbps–2.5 Mbps 並下調解析度至 720p/480p，無需載入 30 MB 外部函式庫即可縮減 50%–85% 影片體積（0 bytes 上傳）。

### Q: 壓縮結果面板上的 PSNR (dB) 與 SSIM 指標代表什麼含義？
A: SlimCodec 在 10 ms 內即時計算客觀畫質指標（0 bytes 上傳）：PSNR（峰值訊噪比）高於 40 dB 代表人眼幾乎無法察覺失真，32–40 dB 代表高性價比平衡區間；SSIM（結構相似性）越接近 1.000 代表邊緣紋理保留越完整。

---

## Locale: en (en)
- **Live Compressor URL**: https://compress.llmland.io/en/
- **Methodology URL**: https://compress.llmland.io/en/principles/
- **Title**: Client-Side Image, Video & Audio Compressor — SlimCodec
- **Description**: SlimCodec is a 100% client-side image, video, and audio compressor with PNG Median-Cut, WebP/JPEG, 4-bit IMA ADPCM audio, and 0 bytes uploaded.

### Summary
SlimCodec is a 100% client-side image, video, and audio compression workbench built on browser Canvas 2D, OfflineAudioContext, CompressionStream, and MediaRecorder, executing all encoding in local memory while uploading 0 bytes to any server.

SlimCodec combines PNG 256-color Median-Cut quantization with Deflate repackaging, WebP/JPEG rate-distortion encoding, 4-bit IMA ADPCM 4:1 audio compression, and VP9/MP4 video transcoding with live PSNR (dB) and SSIM telemetry across 4 languages and localStorage state.

### ⚙️ 6 Core Compression & Objective Quality Modules
#### 01 · PNG Median-Cut Palette Quantization & Floyd-Steinberg Dithering (Module 01 · PNG-8 Median-Cut & Deflate)
SlimCodec scans 32-bit RGBA pixel buffers in browser memory and applies 3D Median-Cut color space partitioning to quantize true-color images into 16 to 256 indexed palette entries with Floyd-Steinberg dithering and CompressionStream Deflate, cutting PNG byte size by 55%–80% with 0 bytes uploaded.

```
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 · Perceptual WebP / JPEG Encoding & 100% EXIF Metadata Stripping (Module 02 · Perceptual WebP & JPEG)
SlimCodec reconstructs clean pixel buffers inside an offscreen HTML5 Canvas, automatically stripping 100% of camera EXIF, GPS coordinates, and embedded thumbnails while applying 1%–100% quality quantization and 4K/1080p/720p downscaling in under 1 second.

```
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 · Real-Time Peak Signal-to-Noise Ratio (PSNR) & SSIM Verification (Module 03 · PSNR & SSIM Telemetry)
SlimCodec decodes every compressed image buffer in 10 ms and compares it pixel-by-pixel against the original RGBA array (0 bytes uploaded) to compute Mean Squared Error (MSE), Peak Signal-to-Noise Ratio (PSNR in dB), and Structural Similarity (SSIM, 0–1) for transparent quality auditing.

```
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 · Audio Polyphase Downsampling & 4-Bit IMA ADPCM (0x0011) Encoding (Module 04 · 4-Bit IMA ADPCM Audio)
SlimCodec resamples 48 kHz stereo audio down to 44.1 kHz, 22.05 kHz, or 16 kHz via OfflineAudioContext and encodes PCM frames into standard 4-bit IMA ADPCM WAV (RIFF format 0x0011), achieving 75%–88% audio byte reduction with 0 bytes uploaded.

```
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 · Video Resolution Scaling, FPS Capping & VP9 / MP4 Bitrate Control (Module 05 · Video Bitrate & FPS Transcoder)
SlimCodec pairs HTMLCanvasElement.captureStream with hardware-accelerated MediaRecorder MP4 and WebM codecs to downscale 4K/1080p video to 720p/480p, cap frame rates at 30 fps or 24 fps, and lock target bitrates between 300 kbps and 2.5 Mbps with 0 bytes uploaded.

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

#### 06 · Zero-Upload Memory Sandbox & Strict SHA-256 CSP Baseline (Module 06 · Zero-Upload Sandbox)
SlimCodec enforces a strict default-src 'none' Content-Security-Policy with SHA-256 JSON-LD hashes over HTTPS, processing all images, audio tracks, and video streams locally via ArrayBuffer and Blob URLs with 0 bytes transmitted and preferences saved in 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
```

### 🔬 Compress Images, Audio & Video Locally in 3 Steps with SlimCodec
1. **01 · Select Image, Audio, or Video Mode or Load Built-In Test Media** — SlimCodec lets you drag and drop local PNG/JPEG/WebP, WAV/MP3/FLAC, or MP4/WebM files in the first of 3 steps, or click "Load Built-In Sample" to synthesize high-resolution test images, stereo chord audio, or 60fps video in 1 second with 0 bytes uploaded.
2. **02 · Configure Target Codec, Palette Depth, Sample Rate, or Bitrate** — SlimCodec provides granular controls for image quality (1%–100%), PNG palette size (16–256 colors), audio sample rate (8 kHz–48 kHz) with 4-bit IMA ADPCM encoding, and MP4 video resolution (1080p/720p/480p) with target bitrates from 300 kbps to 2.5 Mbps and 0 bytes uploaded.
3. **03 · Inspect Byte Savings, PSNR/SSIM Metrics & Download Instantly** — SlimCodec computes exact before/after byte counts, percentage reduction (%), PSNR (dB), SSIM, and audio SNR in milliseconds, offering side-by-side visual comparison, A/B audio playback, localStorage preset persistence, and 1-click local download.

### ❓ Client-Side Image, Audio & Video Compression FAQ
### Q: Does SlimCodec ever upload my private images, audio recordings, or videos to a server?
A: SlimCodec executes 100% of its image, audio, and video compression inside your browser memory using Canvas 2D, Web Audio API, CompressionStream, and MediaRecorder, uploading 0 bytes of media data to any external server over HTTPS.

### Q: How does SlimCodec PNG-8 Median-Cut compression shrink PNG files by 60%–80%?
A: SlimCodec partitions 32-bit RGBA pixels into an optimal 16-to-256 color PLTE/tRNS indexed palette via Median-Cut quantization and Floyd-Steinberg dithering before Deflate compression, reducing each pixel from 4 bytes to 1 byte while keeping PSNR above 36 dB.

### Q: What is the advantage of 4-Bit IMA ADPCM WAV over standard 16-Bit PCM WAV in SlimCodec?
A: SlimCodec implements a compliant RIFF 0x0011 IMA ADPCM encoder that packs each 16-bit PCM sample delta into a 4-bit nibble (a deterministic 4:1 ratio); combined with 22.05 kHz mono resampling, a 10 MB recording shrinks to ~650 KB with native browser playback.

### Q: How does SlimCodec compress MP4 and WebM video directly in the browser without heavy plugins?
A: SlimCodec combines HTML5 Video decoding, Canvas frame-rate sampling, and hardware-accelerated MediaRecorder encoders (VP9/VP8/H.264) to cap frame rates at 24–30 fps and bitrates at 300 kbps–2.5 Mbps, cutting video byte size by 50%–85% with 0 bytes uploaded.

### Q: What do the PSNR (dB) and SSIM quality scores mean after compressing an image?
A: SlimCodec calculates objective fidelity metrics in 10 ms with 0 bytes uploaded: a PSNR (Peak Signal-to-Noise Ratio) above 40 dB indicates visually lossless quality, 32–40 dB represents high-efficiency compression, and an SSIM score near 1.000 confirms preserved structural edges.

---

## Locale: ja (ja)
- **Live Compressor URL**: https://compress.llmland.io/ja/
- **Methodology URL**: https://compress.llmland.io/ja/principles/
- **Title**: 画像・動画・音声のブラウザ完結型圧縮ワークベンチ — SlimCodec
- **Description**: SlimCodec はサーバー送信 0 bytes で動作する 100% ブラウザ完結型の画像・動画・音声圧縮ツールです。PNG Median-Cut 減色、WebP/JPEG、4-bit IMA ADPCM 音声、MP4/WebM 圧縮に対応。

### Summary
SlimCodec はブラウザ標準の Canvas 2D、OfflineAudioContext、CompressionStream、MediaRecorder を活用した 100% クライアントサイドの画像・動画・音声圧縮ワークベンチであり、外部サーバーへ 0 bytes の送信で全エンコード処理を完結します。

SlimCodec は PNG 256 色 Median-Cut 減色と Deflate 再圧縮、WebP/JPEG 知覚量子化、4-bit IMA ADPCM 音声 4:1 圧縮、VP9/MP4 動画ビットレート制御に加え、リアルタイム PSNR (dB) と SSIM 計測、4 languages 表示、localStorage 設定保存を備えています。

### ⚙️ 6 つのコア圧縮エンジン＆客観品質評価モジュール
#### 01 · PNG Median-Cut パレット量子化と Floyd-Steinberg ディザリング (Module 01 · PNG-8 Median-Cut & Deflate)
SlimCodec はメモリ上の 32-bit RGBA ピクセル配列を 3 次元色空間の Median-Cut（中央値分割）で 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 位置情報メタデータの 100% 除去 (Module 02 · Perceptual WebP & JPEG)
SlimCodec はオフスクリーン Canvas 上でピクセルバッファを再構築することでカメラ EXIF や GPS 座標、サムネイルを 100% 自動消去し、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 MP4 / WebM ハードウェアエンコーダを連携させ、4K/1080p 動画の 720p/480p 縮小、30 fps / 24 fps 制限、300 kbps〜2.5 Mbps のビットレート制御を 0 bytes 送信のブラウザ内サンドボックスで完結させます。

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

#### 06 · ゼロアップロード・メモリサンドボックスと SHA-256 CSP セキュリティ (Module 06 · Zero-Upload Sandbox)
SlimCodec は default-src 'none' の厳格な Content-Security-Policy と SHA-256 スクリプト検証を適用し、すべての画像・音声・動画をローカル ArrayBuffer と Blob URL で処理するため 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 ステップで高速ローカル圧縮 (3 Steps)
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 指標・A/B 再生を確認して即座にダウンロード** — SlimCodec は圧縮前後の正確なバイト数、削減率（%）、PSNR (dB)、SSIM、音声 SNR を即座に算出し、左右比較プレビュー、A/B 音声試聴、localStorage 設定保持、ワンクリック保存を提供します。

### ❓ 画像・音声・動画のブラウザ完結型圧縮に関するよくある質問 (FAQ)
### Q: SlimCodec で画像や音声、動画を圧縮するとファイルは外部サーバーへアップロードされますか？
A: SlimCodec は Canvas 2D、Web Audio API、CompressionStream、MediaRecorder を用いてユーザーのブラウザメモリ内で 100% 処理を実行するため、HTTPS 経由で外部サーバーへ送信されるメディアデータは完全に 0 bytes です。

### Q: なぜ SlimCodec の PNG-8 Median-Cut 圧縮は通常の PNG より 60%〜80% も軽くなるのですか？
A: SlimCodec は 32-bit RGBA ピクセルを Median-Cut アルゴリズムで最大 256 色の PLTE/tRNS インデックスパレットへ変換し、Floyd-Steinberg ディザリングと Deflate 圧縮を組み合わせることで 1 ピクセルあたり 4 bytes から 1 byte へ削減しつつ PSNR 36 dB 以上を維持します。

### Q: 音声圧縮の 4-Bit IMA ADPCM WAV と通常の 16-Bit PCM WAV の違いは何ですか？
A: SlimCodec が内蔵する標準 RIFF 0x0011 IMA ADPCM エンコーダは 16-bit PCM の差分を 4-bit ニブルへ 4:1 圧縮します。22.05 kHz モノラル再サンプリングと併用すれば 10 MB の音声ファイルを約 650 KB まで縮小でき、主要プレイヤーでそのまま再生可能です。

### Q: SlimCodec は巨大な外部プラグインなしでどうやって動画をブラウザ圧縮しているのですか？
A: SlimCodec は HTML5 Video デコード、Canvas フレーム抽出、MediaRecorder ハードウェアエンコーダ（VP9/VP8/MP4）を直結し、解像度を 720p/480p、フレームレートを 24〜30 fps、ビットレートを 300 kbps〜2.5 Mbps に制御することで 0 bytes 送信のまま 50%〜85% の軽量化を実現します。

### Q: 画像圧縮後に表示される PSNR (dB) と SSIM スコアはどう読み取ればよいですか？
A: SlimCodec が 10 ms 以内に算出する PSNR（ピーク信号対雑音比、送信 0 bytes）は 40 dB 以上で肉眼ではほぼ無劣化、32〜40 dB で高効率バランスの領域を示し、SSIM（構造的類似性）は 1.000 に近いほど輪郭やテクスチャが忠実に保持されていることを示します。