[2026/9/7]

[WEB App] Camera RAW Viewer v1 — ブラウザ完結型カメラRAWファイルデコード・プレビュー・書き出しツール

[WEB App] Camera RAW Viewer v1 — ブラウザ完結型カメラRAWファイルデコード・プレビュー・書き出しツール

Camera RAW Viewer

カメラのRAWファイルをサーバーにアップロードすることなく、ブラウザ内だけでデコード・プレビュー・書き出しできるツール。

LibRaw の WebAssembly ビルド（libraw-wasm）を使用し、Canon CR2/CR3、Nikon NEF、Sony ARW をはじめ 500+ 機種のカメラ RAW フォーマットに対応しています。

スクリーンショット

Sony DSLR-A350 ARW — メタデータ・RAW Settings 表示

Camera RAW Viewer — Sony ARW デコード

Canon EOS 7D CR2 — GPS・レンズ情報付き

Camera RAW Viewer — Canon CR2 デコード

バッチ処理 — 複数RAWファイルの一括読み込み

Camera RAW Viewer — バッチ処理

動画（GIF）

編集

Camera RAW Viewer — 編集デモ

バッチ処理

Camera RAW Viewer — バッチ処理デモ

Sample data

サンプルデータは以下のSONYとraw.pixls.usのサイトからお借りしています。

特徴

  • ブラウザ完結 — ファイルはブラウザ内で処理。サーバーへのアップロードは一切なし
  • 500+ フォーマット — LibRaw が対応する全カメラ RAW フォーマットをそのまま利用可能
  • EXIF・GPS・レンズ情報 — 撮影パラメータとメーカー固有メタデータを詳細表示
  • RAW 再現像 — Brightness・ホワイトバランス・ハイライト復元・デモザイク品質・ノイズ除去をブラウザ内で調整
  • リアルタイムプレビュー — Brightness スライダーは CSS Filter で即時反映、離した瞬間に WASM 再デコード
  • バッチ処理 — 複数ファイルを一括読み込み、リストから選択してプレビュー切替、EXPORT ALL で一括書き出し
  • Web Worker — デコード処理はバックグラウンドで実行、UI はブロックされない

使い方

1. RAW ファイルを読み込む

画面左のドロップゾーンにファイルをドラッグ&ドロップするか、クリックしてファイルを選択。複数ファイルを同時に読み込めます。

2. プレビューを確認する

デコードが完了すると中央にプレビュー画像が表示されます。左パネルにファイル情報（カメラ名・解像度・ISO・シャッター速度・絞り・撮影日時）、右パネルにメタデータ（EXIF・GPS・レンズ情報）が表示されます。

3. RAW Settings で調整する

左パネル下部の RAW Settings でパラメータを変更し「Re-process」ボタンで再現像。Brightness スライダーはドラッグ中にリアルタイムでプレビューが変化します。

パラメータ説明
Brightness明るさ（0.1〜4.0）
White BalanceCamera WB / Auto WB / None
Highlightハイライト復元モード（Clip / Unclip / Blend / Rebuild）
Qualityデモザイク品質（Linear / VNG / PPG / AHD）
Denoiseウェーブレットノイズ除去（0〜1000）
Half Size半解像度で高速プレビュー

4. 書き出す

EXPORT セクションでフォーマット（JPEG / PNG / WebP）と品質を選んで「DOWNLOAD」。バッチ処理の場合は「EXPORT ALL」で全ファイルを一括変換・ダウンロード。

対応フォーマット（代表的なもの）

メーカーフォーマット
CanonCR2, CR3, CRW
NikonNEF, NRW
SonyARW, SR2, SRF
FujifilmRAF
OlympusORF
PanasonicRW2
PentaxPEF
AdobeDNG
SamsungSRW
LeicaRWL
その他500+ 機種のカメラ RAW

技術スタック

  • libraw-wasm v1.6.0 — LibRaw の WebAssembly ビルド（Web Worker 内蔵、WASM 1.4MB）
  • Astro — ページビルド・スクリプトバンドル
  • Canvas API — RAW 画像の描画・Export

技術記事

更新履歴

  • [v1.0] (2026-09-07): 初回公開。
    • libraw-wasm (v1.6.0) による RAW デコード（500+ フォーマット）
    • EXIF・GPS・レンズ・メーカー固有メタデータ表示
    • RAW Settings（Brightness / WB / Highlight / Quality / Denoise / Half Size）
    • CSS Filter による Brightness リアルタイムプレビュー
    • バッチ処理（複数ファイル一括読み込み・EXPORT ALL）
    • JPEG / PNG / WebP 書き出し（品質調整付き）