[WEB App]JXL Converter - WebAssembly/SIMD対応 ブラウザ完結型 JPEG XL 画像変換ツール
JXL Converter (Wasm + SIMD + Worker)
次世代画像フォーマット JPEG XL (.jxl) への変換を、一切のサーバー通信を行わずブラウザローカル環境だけで高速に完結できるWebアプリケーションです。
C++の公式ライブラリ libjxl を WebAssembly (Wasm) + SIMD 指令セットへコンパイルし、重いエンコード処理をバックグラウンドの Web Worker に委譲することで、UIスレッドを一切フリーズさせることなくストレスフリーな画像変換を実現します。
ツール
JXL Converter (Wasm + SIMD + Worker)
PNG/JPEG/WebPをブラウザ内だけでJPEG XLへ超高速変換。完全ローカル処理で安全に使えるJXLエンコーダー。
lain-lab.comスクリーンショット
起動・画像読み込み(PC表示):
変換プレビューと拡大表示:
スマホ・モバイルレスポンシブ表示:
動画(GIF):
特徴
WebAssembly + SIMD による高速エンコード
Native C++ 版の libjxl を Emscripten で Wasm にビルド。SIMD(Single Instruction Multiple Data)命令を活用することで、ブラウザ上でありながらネイティブに近い速度で高解像度画像の圧縮処理を行います。
サーバー送信不要の完全ローカル・プライバシー保護
選択・ドラッグ&ドロップした画像ファイルはブラウザのメモリ内でのみ処理されます。外部サーバーへ画像をアップロードすることが一切ないため、機密画像やプライベートな写真も安心して変換できます。
Web Worker によるノンブロッキングUI
大解像度画像(2K/4K/8K等)のエンコード処理は独立した Web Worker スレッド上で実行されます。変換中もスライダーの操作や別ページの閲覧、画面のスクロールが快適に行えます。
細かなエンコードパラメータ調整
- Butteraugli Distance (品質パラメータ): 視覚的歪みインデックスを指定(0.0で無劣化/ロスレス、数値が大きくなるほど高圧縮)。
- Encode Effort / Speed (探索速度): エンコードにかける計算コスト(1〜9)を選択可能。1〜3の高速モードから 7 以上の超高圧縮モードまで用途に応じて選べます。
フルレスポンシブ・ビューポート追従UI
デスクトップでの2カラム並列表示から、スマートフォン等(768px以下)での上下縦並び構成まで流動的にレスポンシブ切り替え。大きなプレビュー領域を維持しながら直感的に操作可能です。
使い方
- 画像をドロップまたは選択する
- 画面左上の破線エリアに PNG, JPEG, WebP などの画像ファイルをドラッグ&ドロップするか、クリックしてファイルを選択します。
- エンコードオプションを調整する
- Distance / Quality: 画面品質とファイルサイズのバランスをスライダーで変更します(既定値: 1.0)。
- Encode Effort / Speed: 処理速度優先(Falcon等)か圧縮率優先かを選択します。
- 「CONVERT TO JXL」を押してダウンロードする
- ボタンをクリックするとバックグラウンドで変換が始まり、完了すると「DOWNLOAD JXL」ボタンから生成された
.jxlファイルを取り出せます。
- ボタンをクリックするとバックグラウンドで変換が始まり、完了すると「DOWNLOAD JXL」ボタンから生成された
処理方式・技術仕様の比較
| 項目 | 従来型(サーバー送信変換) | 本ツール (Wasm + SIMD + Worker) |
|---|---|---|
| データセキュリティ | 外部サーバーへの通信・データ保持リスクあり | 完全ローカル処理(外部送信ゼロ) |
| 通信コスト | アップロード・ダウンロードの転送時間が発生 | 通信不要(ローカルI/Oのみ) |
| 処理スレッド | サーバー側CPU依存 | クライアント Web Worker (メインUI無停止) |
| 演算加速 | サーバー依存 | WebAssembly + SIMD アクセラレーション |
| アフターケア | ファイル自動削除等の管理コスト | ブラウザを閉じればメモリ開放 |
技術スタック
- Astro — サイト構築およびコンポーネント管理
- WebAssembly (Wasm) — C++ 製
libjxlのブラウザ実行環境 - SIMD (Vector Instructions) — エンコード演算の並列加速化
- Web Workers — UIフリーズを防ぐバックグラウンドスレッド処理
- CSS / Responsive Layout — デスクトップ/モバイル最適化レイアウト
開発の経緯
高圧縮率かつ高品質を誇る次世代フォーマット JPEG XL (.jxl) ですが、既存の変換ツールはコマンドライン(cjxl)やサーバーサイドでの一括変換処理が主流でした。
「ブラウザ上で手軽かつプライバシーを保ったまま JXL の高効率圧縮を試せる環境を作りたい」という目的のもと、C++ライブラリの Wasm ビルド、SIMD による高速化、そして巨大画像エンコード時に画面が止まらない Web Worker 設計を導入して開発しました。
更新履歴
- [2026/08/29]: 初版リリース。WebAssembly/SIMD対応のJXLエンコード機能、レスポンシブプレビューUIを実装。