PixelTool
PixelTool

PixelTool へようこそ

· PixelTool Team

PixelToolを手短に紹介。なぜ画像処理をブラウザ内で完結させるのか、どう使うとよいのかを説明します。

PixelTool ヒーローイラスト

PixelTool は、ブラウザで使える無料のピクセルアート作成ツールです。画像をアップロードし、ピクセルサイズと色数を調整すると、仕上がりをリアルタイムで確認して書き出せます。ログインは不要で、画像が端末の外に送信されることもありません。この記事では、PixelTool を作った背景と主な機能を紹介します。

なぜ作ったのか

既存のピクセルアートツールは大きく 2 つに分かれます。デスクトップアプリは強力ですが起動が遅く、1 台のマシンに縛られます。Web ツールは便利ですが、画像をサーバーにアップロードすることが多く、プライバシーとレイテンシのコストがかかります。PixelTool は処理をすべてブラウザに留めます:

  • 画像はデバイスから出ない
  • レイテンシはネットワークではなく CPU 次第
  • 読み込み後はオフラインでも動作

現在できること

PixelTool のエディタは 3 つのコントロールだけで構成されています。ピクセルアートの 90% はこれで足りるからです:

  1. ピクセルブロックサイズ —— ピクセルの粗さ。小さい値は原画に近く、大きい値はレトロ感が強くなります。
  2. 最大色数 —— 256 色の忠実再現から 2 色まで下げて、厳格な 1-bit 風にもできます。
  3. 出力サイズ上限 —— エクスポート解像度。128px から 2048px、原画サイズまで選べます。

プレビューとエクスポートは同じピクセルグリッドの canvas を使うので、WYSIWYG です。別のレンダリングパスはありません。

作品をエクスポート

2 つのフォーマットでほとんどの用途をカバーします:

  • PNG:共有や Web 向き
  • SVG:拡大しても劣化しない——ゲームに投入しても、印刷サイズにしてもピクセルはシャープなまま

どちらもプレビューと同じ量子化済みグリッドを使うので、エクスポート時のサプライズはありません。

これから

PixelToolは、実用的な機能の追加、処理性能の改善、編集体験の向上を続けていきます。制作フローや書き出しで役立つ機能があれば、お問い合わせからぜひお知らせください。

さっそく試す

まずはホームのエディタに画像を追加してみてください。好みのピクセルサイズを選び、色数を少しずつ下げ、プレビューが気に入ったら書き出します。調整はすべてリアルタイムに反映されます。