PixelTool へようこそ
· PixelTool Team
PixelToolを手短に紹介。なぜ画像処理をブラウザ内で完結させるのか、どう使うとよいのかを説明します。
PixelTool は、ブラウザで使える無料のピクセルアート作成ツールです。画像をアップロードし、ピクセルサイズと色数を調整すると、仕上がりをリアルタイムで確認して書き出せます。ログインは不要で、画像が端末の外に送信されることもありません。この記事では、PixelTool を作った背景と主な機能を紹介します。
なぜ作ったのか
既存のピクセルアートツールは大きく 2 つに分かれます。デスクトップアプリは強力ですが起動が遅く、1 台のマシンに縛られます。Web ツールは便利ですが、画像をサーバーにアップロードすることが多く、プライバシーとレイテンシのコストがかかります。PixelTool は処理をすべてブラウザに留めます:
- 画像はデバイスから出ない
- レイテンシはネットワークではなく CPU 次第
- 読み込み後はオフラインでも動作
現在できること
PixelTool のエディタは 3 つのコントロールだけで構成されています。ピクセルアートの 90% はこれで足りるからです:
- ピクセルブロックサイズ —— ピクセルの粗さ。小さい値は原画に近く、大きい値はレトロ感が強くなります。
- 最大色数 —— 256 色の忠実再現から 2 色まで下げて、厳格な 1-bit 風にもできます。
- 出力サイズ上限 —— エクスポート解像度。
128pxから2048px、原画サイズまで選べます。
プレビューとエクスポートは同じピクセルグリッドの canvas を使うので、WYSIWYG です。別のレンダリングパスはありません。
作品をエクスポート
2 つのフォーマットでほとんどの用途をカバーします:
- PNG:共有や Web 向き
- SVG:拡大しても劣化しない——ゲームに投入しても、印刷サイズにしてもピクセルはシャープなまま
どちらもプレビューと同じ量子化済みグリッドを使うので、エクスポート時のサプライズはありません。
これから
PixelToolは、実用的な機能の追加、処理性能の改善、編集体験の向上を続けていきます。制作フローや書き出しで役立つ機能があれば、お問い合わせからぜひお知らせください。
さっそく試す
まずはホームのエディタに画像を追加してみてください。好みのピクセルサイズを選び、色数を少しずつ下げ、プレビューが気に入ったら書き出します。調整はすべてリアルタイムに反映されます。