ドット絵パレット抽出 · .gpl・HEX・JSON
1枚の画像やアニメーション全体から、スプライトの本当のパレット(色ごとのピクセル数と割合)を取り出し、色数の予算内に収めます。
スプライトのフレーム(PNG)をドロップ。複数フレームでひとつのパレットを共有します
ブラウザ内で処理し、ファイルはアップロードされません。
出力
- PNG frames測定確認· Pillow
- Palette測定確認· re-import
- pixel-lab.json未検証
できること
- 全フレームから一度にパレットを作り、色ごとの正確なピクセル数と割合を表示。
- 明度・色相・彩度・頻度で並べ替え(色相順ではグレーを末尾に)。
- 色数予算のチェック:目標と実際、最も少ない色の一覧、最も近い残りの色へワンクリックで統合。
- GIMP .gpl、Lospec形式のHEXリスト、JSONの読み書き。形式は拡張子ではなく内容で判定。
使い方
- 画像かフレームをドロップ。
- 色数と並び順を決める。
- 必要なら色数予算を設定し、少ない色を統合。
- パレット(.gpl・.hex・.json)か色を変えたフレームを書き出し。
出力ファイルと検証方法
「測定確認」は、ダウンロードしたファイルをページ外(Pillow・numpy・独立したパーサー)で開き直して性質を測ったという意味です。ゲームエンジンでの読み込みは試していません。
| 書き出し先 | ファイル | 検証 |
|---|---|---|
| PNG frames | anim_N.png · 1×–8× nearest | 測定確認 Pillow書き出したPNGを読み直し、すべての色が固定パレット内にあることを確認。 |
| Palette | .gpl · .hex (Lospec) · .json | 測定確認 re-import各形式を書き出してUIで読み戻し、16 → 16色を確認。 |
| pixel-lab.json | generic frames + palette | 未検証汎用JSONで、どのエンジンでも読み込んでいません。 |
検証の根拠
アンチエイリアスのかかった8フレーム → 16色パレット1つ、パレット外の色0。ディザーなしとBayer 4×4の両方で変化のない領域が全8フレームで同一。アンチエイリアス除去で271色 → 16色、シルエットの移動0ピクセル。整数倍率・オフセット・2.5倍の非整数倍率を正確に検出。
制限
- 4096 × 4096より大きいフレームは受け付けません。すべての処理がメインスレッドで動き、まだキャンセルボタンがありません。
- スプライトシートは1枚の画像として扱います。先にフレームに分割してください(スプライトシート分割)。
- ディザーを有効にすると、クリーンアップの件数にディザーのピクセルが含まれます。先にディザーを「なし」にしてください。
- 書き出すJSONは汎用形式で、Godot・Unityへの読み込みは試していません。
よくある質問
ピクセル数は正確ですか?
はい。アニメーション全体で4メガピクセルまでは正確で、それを超えると表示中のフレームだけを数え、パネルにその旨を表示します。
GIMPパレット入りの.txtも読めますか?
はい。形式を内容で判定するので、GIMPのヘッダーがある.txtは.gplとして読みます。
無料ですか?アカウントは必要ですか?
このページの機能はすべて無料で、アカウントなしで使えます。透かしや制限された書き出しはありません。
スプライトはアップロードされますか?
いいえ。Studioはこのブラウザのタブ内でデコード・パック・書き出しを行います。プロジェクトはブラウザ(IndexedDB)に自動保存され、.nerulioファイルとして保存できます。
Asepriteやエンジンのプラグインは必要ですか?
いいえ。.asepriteファイルはブラウザで読み書きします。エンジン別のバンドルには必要なものが入っています(Godotはインポート設定とシーン、UnityとGodotのタイルセットは小さなエディタースクリプト)。