Mosaic STUDIO - ブラウザで動くモザイク処理支援ツール

CG集や画像作品を仕上げる時、画像ごとにモザイク範囲を確認したり、修正が必要なものを見分けたり、書き出し前に基準を見直したりする作業は地味に時間がかかります。

Mosaic STUDIO は、複数画像のモザイク処理と確認作業をブラウザだけで進められるローカルHTMLツールです。
画像を読み込み、長方形 / 円形のモザイク範囲を設定して、個別PNGまたは一括ZIPとして書き出せます。

インストール不要、外部通信なし。
ZIPを解凍してHTMLを開くだけで、すぐに作業を始められます。

画像編集ソフトを立ち上げて1枚ずつ処理するほどではないけれど、販売前のモザイク確認はきちんと進めたい。
複数画像の状態を見ながら、「確認済み」「要修正」を整理しておきたい。
そんな時に使える、同人制作や個人制作に向いた小さな確認・書き出し支援ツールです。

■ こんな方におすすめ
・CG集や同人作品の画像にまとめてモザイク処理を行いたい方
・画像ごとにモザイク範囲を確認しながら作業したい方
・Photoshopなどを使わず、ブラウザだけで完結するツールを探している方
・同人作品向けのモザイク確認作業を効率化したい方
・販売前のチェックで、未確認や要修正の画像を整理しておきたい方

■ できること
複数の画像を読み込み、アルバム形式のサムネイルで確認しながら、画像ごとにモザイク範囲を設定できます。
モザイク範囲は長方形 / 円形に対応しており、作成後の移動・リサイズ・削除も行えます。

画像には「未確認 / 確認済み / 要修正」のステータスを付けられるため、販売前の確認作業や修正確認の整理にも使えます。
モザイク設定済みの画像は、現在画像だけをPNGで書き出すことも、まとめてZIPで書き出すこともできます。

■ 主な機能
・複数画像の読み込み
・アルバム形式のサムネイル管理
・長方形 / 円形モザイク範囲の作成
・作成済み範囲の移動・リサイズ・削除
・モザイク強度設定(自動 / 強め / カスタム)
・販売サイト等の審査基準を意識した規約チェック表示
・画像ステータス管理(未確認 / 確認済み / 要修正)
・ステータスフィルタ
・作業状態をJSONで保存 / 読み込み
・個別PNG書き出し
・一括ZIP書き出し
・ズーム / パン操作

■ 動作環境
・推奨ブラウザ: Google Chrome 最新版
・対応端末: PC(Windows / Mac)
・スマートフォン・タブレットは非対応
・インターネット接続不要(完全ローカル動作)
・読み込んだ画像は外部サーバーに送信されません

■ 使い方
1. ZIPファイルを任意のフォルダに解凍
2. MosaicSTUDIO.html を Google Chrome で開く
3. 画像を追加してモザイク範囲を設定
4. 必要に応じてステータス確認・規約チェック
5. PNGまたはZIPで書き出して完了！

■ 体験版について
体験版では以下の制限があります。
・画像の読み込みは3枚まで
・製品版では画像を20枚まで読み込めます
・作業JSONの保存 / 読み込みは製品版のみ対応
・個別PNG書き出しにはウォーターマークが入ります
・一括ZIP内のPNGにもウォーターマークが入ります

■ ご注意
・本ツールはローカルHTMLアプリです。サーバー起動・ログインは不要です。
・規約チェック機能は補助機能です。審査通過を保証するものではありません。
・最終的なモザイク処理の確認は、利用者ご自身で行ってください。
・高解像度画像や多数の画像を処理する場合、動作が重くなることがあります。
・画像を多く含む作業JSONはファイルサイズが大きくなる場合があります。
・各販売サイト・公開先の規約や審査基準は、利用者ご自身で必ずご確認ください。
・本製品の改変・再配布はご遠慮ください。

■ 開発メモ・更新情報
Mosaic STUDIO の開発メモや更新の話は、noteのマガジンでも少しずつまとめています。
https://note.com/cheaptechlab/m/mf1316ce161c8

使ってみて気になった点や、「こういう機能があると助かる」などがあれば、今後の改善の参考にできればうれしいです。

■ AI生成物の利用について
本作品の紹介画像(メイン画像・サムネイル画像・サンプル画像)の制作に画像生成AIを一部利用しています。
ツール本体(HTML/CSS/JavaScript)はAIを使用せず制作しています。