image

OneFile Album

複数のローカル画像とビューアを、持ち運べる1つの自己完結HTMLアルバムにまとめます。

ローカル処理
ファイルについてこのツールで選択したファイルや入力内容は、Browser Kittyのバックエンドへアップロードせずブラウザ内で処理します。
OneFile Album screenshot

このツールについて

OneFile Albumは、複数のJPEG・PNG・WebP画像とレスポンシブなビューアを、1つの自己完結HTMLファイルへまとめるツールです。完成したHTMLはサーバーや専用アプリなしで直接開けるため、写真をフォルダーごと渡す代わりに、閲覧画面まで含めた1ファイルとして保存・共有できます。

画像は元のバイト列を保ったまま埋め込む方法と、WebPへ変換して容量を抑える方法を選べます。撮影日時やファイル名による並び替え、章、コメント、完成プレビューに加え、以前生成したOneFile Albumを読み戻して編集を続けることもできます。選択した画像は外部サーバーへアップロードしません。

こんなときに便利

  • 旅行・イベント・工事記録など複数の写真を、開きやすい1ファイルとして残したい
  • 画像フォルダーと別のビューアを用意せず、HTMLだけ渡して閲覧してもらいたい
  • 写真を章やコメントで整理し、スライドショーや検索付きのアルバムにしたい
  • クラウドへ写真をアップロードせず、ローカルだけでアルバムを作りたい

できること

このツールで利用できる主な機能です。

使い方

  1. ツールを開き、JPEG・PNG・WebP画像を選択するかドラッグ&ドロップで追加します。
  2. 必要なら元画像のまま保持するか、WebP軽量化を使うかを選び、容量の変化を確認します。
  3. 撮影日時・ファイル名で自動整列するか、カードをドラッグして並び替え、必要に応じて章とコメントを追加します。
  4. アルバムタイトルや生成ビューアの表示設定を調整し、完成プレビューで見え方を確認します。
  5. 予測サイズを確認してHTMLを生成します。後から編集する場合は、生成済みOneFile Albumを最初の画面から読み戻します。

対応範囲

  • 入力はJPEG、PNG、WebPに対応し、生成物は画像データとビューアを含む単一HTMLファイルです。
  • 元画像のまま埋め込む場合はフル画像を再エンコードせず、WebP軽量化ではブラウザー標準の画像デコードとCanvas APIを利用します。
  • 生成ビューアはサムネイル、前後移動、スワイプ、ズーム、全画面、スライドショー、検索、表示設定、表示中画像の保存に対応します。
  • 生成済みOneFile Albumには編集用データも含まれ、対応するアルバムを読み戻して画像・章・コメント・設定を復元できます。

制限・注意点

  • 画像をHTML内へ埋め込むため、枚数・解像度・元画像サイズに応じて生成HTMLそのものが大きくなります。
  • 共通の絶対上限はありませんが、250MBを超える予測サイズでは複数アルバムへの分割が推奨されます。
  • 大きなアルバムの生成・再編集・閲覧は、端末メモリやブラウザーの実装によって重くなることがあります。
  • WebP軽量化では再エンコードされるため、元画像のEXIF・GPSなどのメタデータが保持されることを保証しません。
  • 元画像のまま埋め込む場合は元バイト列のメタデータも保持されるため、共有前に位置情報などを別途確認してください。

よくある質問

写真はサーバーへアップロードされますか?

いいえ。画像の読み込み、WebP変換、並び替え、章・コメント編集、プレビュー、HTML生成は端末内で行います。

作ったHTMLはOneFile Albumがなくても開けますか?

はい。生成HTMLには画像とビューアが含まれているため、その1ファイルだけをモダンブラウザーで直接開けます。

生成したアルバムを後から編集できますか?

はい。OneFile Albumで生成した対応HTMLを読み戻すと、画像、章、コメント、タイトル、favicon、表示設定などを復元して編集を続けられます。

何枚まで画像を入れられますか?

固定の枚数上限ではなく、端末メモリ・画像解像度・生成ファイルサイズに左右されます。予測サイズが大きい場合はWebP軽量化や複数アルバムへの分割を検討してください。

オフライン版・ソースコード

アプリ本体と生成アルバムはいずれも単一HTMLで、実行時の外部通信はありません。生成したアルバムはローカルWebサーバーなしでfile://から直接閲覧できます。

GitHubでソースを見る