ドット絵エディタ ブラウザ版 · 無料のピクセルアート編集

できること

• Asepriteと同じキーのツール11種：鉛筆（B）、消しゴム（E）、バケツ（G）、スポイト（I）、直線（L）、矩形・楕円（U、Shift+U）、矩形選択（M）、なげなわ（Q）、自動選択（W）、移動（V）。ブラシは四角・丸の1〜16pxで、[ ]で変更。
• ピクセルパーフェクトが最初からオン。フリーハンドの階段状の線にできるL字の角を、描いている間に取り除きます。Shift+クリックで直前の点から直線、直線ツールのShiftはドット絵向きの角度にそろえます。
• 陰影用のインク：アルファ合成、アルファロック、パレットで選んだランプに沿って1段ずつ変えるシェーディング（右ボタンで逆方向）、濃さを決めるディザパターン（Bayer 2・4・8、チェッカー、横縞、縦縞）。
• レイヤーごとに表示・ロック・不透明度と、Asepriteの19種の合成モード（Asepriteと同じ計算）。下のレイヤーと結合、複製、並べ替え。対称は縦・横・両方で、軸の位置は数値で入力。
• 1本の線、塗りつぶし、移動、反転、パレット編集、レイヤーの変更はどれも履歴にちょうど1手順として残ります。プロジェクトはブラウザに自動保存され.nerulioファイルでも保存でき、ピクセルメニューから.aseprite・PNGで書き出せます。

使い方

1. PNG、連番フレーム、GIF、.asepriteをこのページにドロップするか、空のピクセル作業画面を開いて新規スプライト（サイズ、RGBかインデックス）を作ります。
2. Bで鉛筆を選択。左ボタンで描画色、右ボタンで背景色を塗り、Xで2色を入れ替えます。
3. Shift+Nで陰影用のレイヤーを追加し、レイヤーパネルで合成モードを設定。線画のレイヤーはロックして誤って塗らないようにします。
4. レイヤーとパレットを残すならピクセルメニューから.asepriteで保存し、ゲームに入れるときはパック＆書き出しを開いてGodot・Unity・Phaser向けに書き出します。

ピクセル作業画面で使えるAsepriteのキー

全一覧はStudioで?を押すと表示されます。描くときによく使うものです。

エンジン別の書き出しと検証方法

「検証済み」は、実際のCC0アセットから書き出したファイルを本物のエンジン・ツールで読み込み、元データと比較したという意味です。読み込んでいない形式はそのように表示します。

検証の根拠

整理のベンチマーク（元の1倍画像が分かっているCC0ケース69件）：サイズを正確に当てたのは81 %（±1px：90 %）、背景を残すとピクセルの74.0 %が完全一致。最も良い競合ツールはサイズ30 %（perfectPixel）、完全一致ピクセル44.6 %（unfake.js）。Asepriteで作った×4ニアレスト拡大は100 %、×3.78バイリニアは99.7 %一致で戻り、どちらもサイズは自動で判定。1pxのアウトラインとドロップシャドウはAsepriteの結果とピクセル単位で一致（1846px・705px）。ここで書いた.asepriteはAseprite 1.3.18でインデックスモード・レイヤー・合成モード・ロックのまま開きます。

制限

• ピクセル作業画面にないもの（Asepriteにはある）：レイヤーグループ、リンクセル、タイルマップレイヤー、参照レイヤー、RotSpriteと選択範囲の自由回転・拡縮（反転と90°のみ）、グラデーション・スプレー・輪郭・テキストツール、カスタムブラシ（四角・丸の1〜16px）、タイル状の連続描画、LuaスクリプトとCLI。
• 対称軸は数値入力で、キャンバス上でドラッグできません。タッチでは右ボタンがないため、背景色は入れ替えボタンかXで使います。
• 整理：JPEGは近い色で戻りますが（背景を残すと84 %がΔE 0.02以内）、完全一致はまれ（12 %）。模擬的な生成画像でサイズが完全一致したのは20 %（±1px：80 %）、実際の生成画像7枚は1枚も自動では合わせません。パネルが示すピクセルサイズを入力してください。
• インデックス変換はAsepriteのRGB距離ではなくOklabで最も近い色を選びます。テスト用スプライトでは68 %のピクセルが別の（見た目により近い）色になりました。Lospec検索が唯一の通信で、事前に確認します。