SlimCodec 0-BYTE UPLOAD · LOCAL CODEC
100% ブラウザ完結型 画像・動画・音声 高密度圧縮ワークベンチ (0-Byte Upload)
100% 本地内存编码 · 0 字节上传
← 圧縮ワークベンチへ戻る ❓ よくある質問 (FAQ)

SlimCodec 画像・音声・動画圧縮アルゴリズム原理

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)

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 指標・A/B 再生を確認して即座にダウンロード

    SlimCodec は圧縮前後の正確なバイト数、削減率(%)、PSNR (dB)、SSIM、音声 SNR を即座に算出し、左右比較プレビュー、A/B 音声試聴、localStorage 設定保持、ワンクリック保存を提供します。