このツールの機能
画像ビューアは、デバイスから画像ファイルを表示、ズーム、回転、編集します。単一画像またはサムネイルナビゲーション付きの複数画像ギャラリーを表示。ズームイン/アウト、回転、水平または垂直反転。輝度、コントラスト、グレースケールを調整。編集した画像をダウンロード。JPEG、PNG、GIF、WebP、SVGをサポート。アップロードなし—すべての処理はブラウザで実行されます。
使い方
- 画像を読み込み — 1つ以上の画像ファイルを選択するかドラッグ&ドロップ。
- ナビゲート — ギャラリーでサムネイルまたは矢印で画像を切り替え。
- ズーム — ズームコントロールまたはスクロールでズームイン/アウト。
- 回転&反転 — 90°回転または水平/垂直反転。
- 調整 — スライダーで輝度、コントラスト、グレースケールを変更。
- ダウンロード — 現在の画像（編集適用済み）をPNGで保存。
動作の仕組み
画像はブラウザのネイティブ画像デコーディングでデコード。非破壊編集（輝度、コントラスト、グレースケール）用にcanvasに描画。変換（回転、反転）はcanvasまたはCSSで適用。ギャラリーはメモリ枯渇を防ぐためセッション上限（例：200画像）を維持。画面にフィットがデフォルトの表示モード。SVGはブラウザサポートにより異なるレンダリングになる場合あり。
すべての計算はブラウザ内で実行されます。データはサーバーに送信されません。
使用例とサンプル
- 写真レビュー — アップロード前に写真をクイック表示。
- スクリーンショット — スクリーンショットを表示して注釈。
- デザインアセット — 画像を検査して調整。
- バッチプレビュー — フォルダ内の画像をスクロール。
- 簡単な編集 — 輝度/コントラスト調整。
例
- photo.jpg を読み込み → フル画像、100%にズーム。
- グレースケールを適用 → グレースケールで表示。
- 90°回転 → 画像回転；ダウンロードで回転後のバージョンを保存。
制限と既知の制約
- 200画像上限 — メモリ問題防止のセッション制限；多くのユーザーはそれ以下を読み込み。
- ブラウザデコーディング — 形式サポートはブラウザによる（JPEG、PNG、GIF、WebP、SVG）。
- canvas編集 — 輝度/コントラストはエクスポート時適用；一部精度を失う場合あり。
- SVG — 複雑なSVGはブラウザ間で異なるレンダリングになる場合あり。