People Researchのプロダクトデザインを進めるなかで、UIやプレゼン用のビジュアルアセットとしてピクセルアートを制作する必要がありました。既存ツールでは、写真からの変換・色数やトーンの調整・その場での手描き修正をひとつの画面で完結させるのが難しく、制作に非効率が生じていました。そこで、自分のデザインワークフローに最適化したブラウザ完結型のツールを設計・開発しました。
画像をアップロードすると、ピクセル解像度・色数・彩度・明度をリアルタイムに調整しながらピクセルアートへ変換できます。変換後はペイント・消しゴム・スポイトで直接編集でき、背景の透過切り替えからPNG書き出しまでひとつのインターフェースで完結。編集履歴も残るため、複数のバリエーションを見比べながら詰められます。レスポンシブ対応で、PC・スマートフォンの両方で動作します。
While working on product design for People Research, I often needed pixel art as a visual asset for UI and presentations. No existing tool could handle converting a photo, tuning color count and tone, and making hand-edits all on one screen, so the process kept losing time. So I designed and built a browser-based tool optimized for my own workflow.
Upload an image and convert it to pixel art while adjusting pixel resolution, color count, saturation, and brightness in real time. After converting, you can touch it up directly with paint, eraser, and eyedropper tools, and everything from toggling background transparency to exporting a PNG happens in one interface. It keeps an edit history, so you can compare several variations side by side. It is fully responsive, working on both desktop and mobile.