本文へスキップ

ドット絵クリーンアップ · アンチエイリアスとはみ出しピクセルの除去

すべてまず候補として報告します。画像上に表示して数え、チェックしたものだけを変更。アンチエイリアス除去は、間にあるピクセルを両側のパレット色のどちらかに合わせます。

スプライトのフレーム(PNG)をドロップ。複数フレームでひとつのパレットを共有します
ピクセルラボを開く
ブラウザ内で処理し、ファイルはアップロードされません。
ピクセルラボ:抽出した1つのパレットに固定したCC0スプライトのフレームと色ごとのピクセルの割合
CC0アセット(OpenGameArt)を開いた実際のピクセルラボ画面です。
出力
  • PNG frames測定確認· Pillow
  • Palette測定確認· re-import
  • pixel-lab.json未検証

できること

  • アンチエイリアス除去:2つのパレット色の間のピクセルを、その組の近い方に合わせます。元のピクセルで判定するので走査順で結果は変わりません。
  • はみ出しピクセル、小さな塊(サイズ調整可)、1ピクセルの穴を1回の連結成分走査で検出。
  • 輪郭チェック:直線の縁のすき間・二重・太さ。自動修正はすき間を埋めるだけ。
  • アルファはしきい値を設定しない限り変えず、設定しても0か255に丸めるだけ。

使い方

  1. フレームをドロップ。
  2. 候補の件数を読み、表示されたピクセルを確認。
  3. 必要な修正(アンチエイリアス・はみ出し・塊・穴・輪郭のすき間)にチェック。
  4. 整理したフレームを書き出し。

出力ファイルと検証方法

「測定確認」は、ダウンロードしたファイルをページ外(Pillow・numpy・独立したパーサー)で開き直して性質を測ったという意味です。ゲームエンジンでの読み込みは試していません。

書き出し先ファイル検証
PNG framesanim_N.png · 1×–8× nearest測定確認 Pillow書き出したPNGを読み直し、すべての色が固定パレット内にあることを確認。
Palette.gpl · .hex (Lospec) · .json測定確認 re-import各形式を書き出してUIで読み戻し、16 → 16色を確認。
pixel-lab.jsongeneric frames + palette未検証汎用JSONで、どのエンジンでも読み込んでいません。

検証の根拠

アンチエイリアスのかかった8フレーム → 16色パレット1つ、パレット外の色0。ディザーなしとBayer 4×4の両方で変化のない領域が全8フレームで同一。アンチエイリアス除去で271色 → 16色、シルエットの移動0ピクセル。整数倍率・オフセット・2.5倍の非整数倍率を正確に検出。

制限

  • 4096 × 4096より大きいフレームは受け付けません。すべての処理がメインスレッドで動き、まだキャンセルボタンがありません。
  • スプライトシートは1枚の画像として扱います。先にフレームに分割してください(スプライトシート分割)。
  • ディザーを有効にすると、クリーンアップの件数にディザーのピクセルが含まれます。先にディザーを「なし」にしてください。
  • 書き出すJSONは汎用形式で、Godot・Unityへの読み込みは試していません。

よくある質問

スプライトの輪郭は動きますか?

いいえ。テストのフレームでアンチエイリアス除去が271色をパレットの16色に減らす間、アルファのピクセルは0個しか変わりませんでした。

ディザーのかかった絵にも使えますか?

ディザーのパターンは1ピクセルでできているので件数に含まれます。整理の前にディザーを「なし」にしてください。

無料ですか?アカウントは必要ですか?

このページの機能はすべて無料で、アカウントなしで使えます。透かしや制限された書き出しはありません。

スプライトはアップロードされますか?

いいえ。Studioはこのブラウザのタブ内でデコード・パック・書き出しを行います。プロジェクトはブラウザ(IndexedDB)に自動保存され、.nerulioファイルとして保存できます。

Asepriteやエンジンのプラグインは必要ですか?

いいえ。.asepriteファイルはブラウザで読み書きします。エンジン別のバンドルには必要なものが入っています(Godotはインポート設定とシーン、UnityとGodotのタイルセットは小さなエディタースクリプト)。