ブラウザで本格ドット絵を作成。ペン・バケツ・スポイト・直線・四角形ツール、左右対称モード、4種のプリセットパレット(ファミコン/ゲームボーイ等)搭載。8×8〜64×64キャンバス対応、PNG出力(最大16倍拡大)。保存・読込で作品管理。
ツール
カラー
エクスポート
プロジェクト
操作方法: キャンバスをクリック/ドラッグで描画。直線・四角形ツールはドラッグで始点→終点を指定。
ショートカット: Ctrl+Z で元に戻す、Ctrl+Y でやり直し
左右対称モード: 有効にすると、キャンバス左半分に描いた内容が右半分にミラーされます。キャラクターの正面図に便利。
このツールは、ブラウザだけで本格的なピクセルアート（ドット絵）を作成できる無料のオンラインエディタです。インストール不要で、PC・タブレットから即座に利用できます。
ピクセルアートは、1ピクセル単位で色を配置して絵を描く表現技法です。1970〜90年代のゲーム機（ファミコン、ゲームボーイ、スーパーファミコンなど）のグラフィックで広く使われ、ハードウェアの色数・解像度制限の中で最大限の表現を追求する職人的な技術として発展しました。近年ではインディーゲームやNFTアート、SNSアイコンの制作手段として再び注目を集めています。
画像データはすべてブラウザ内で処理され、サーバーへの送信は一切ありません。作品のプライバシーが完全に保護されます。
| ツール | 機能 | 用途 |
|---|---|---|
| ✏️ ペン | クリック/ドラッグで1ピクセルずつ描画 | 基本の描画操作 |
| 🧹 消しゴム | ピクセルを透明に戻す | 描き間違いの修正 |
| 🪣 バケツ | 同色の連続領域を一括塗りつぶし（BFS） | 広い領域の塗り |
| 💧 スポイト | キャンバス上の色を取得 | 既存の色を再利用 |
| 📏 直線 | 始点→終点をドラッグして直線を描画 | 輪郭線・斜め線 |
| ⬜ 四角形 | ドラッグで矩形を描画（塗りつぶし切替可） | 建物・UI要素 |
直線ツールは Bresenham のアルゴリズムを採用しており、整数座標上で最も美しいピクセルの並びを生成します。これは 1965 年に Jack Bresenham が提案した古典的手法で、現代のピクセルアートエディタでも標準的に使われています。
バケツツールは幅優先探索（BFS）による Flood Fill を実装しています。クリックした位置と同じ色のピクセルを上下左右に探索し、連続する領域を一括で塗りつぶします。
4段階のキャンバスサイズから目的に応じて選択できます:
| サイズ | ピクセル数 | おすすめ用途 |
|---|---|---|
| 8×8 | 64 px | ファビコン、ミニアイコン、絵文字 |
| 16×16 | 256 px | ゲームキャラクター、SNSアイコン |
| 32×32 | 1,024 px | 詳細なキャラ、アイテム、タイルマップ |
| 64×64 | 4,096 px | ポートレート、風景、高精細ドット絵 |
初心者には 16×16 がおすすめです。制約が適度にあるため「どこに何色を置くか」を考えやすく、ピクセルアートの基礎を学ぶのに最適なサイズです。
レトロゲーム機の実際のカラーパレットを再現した4種類のプリセットを搭載しています:
プリセット以外の色も、カラーピッカーまたはHEXコード直接入力で自由に使用できます。制限されたパレットで描くことは、統一感のあるドット絵を作るための重要なテクニックです。
左右対称（ミラー）モードを有効にすると、キャンバスの中央に赤い点線ガイドが表示され、左半分に描いた内容が自動的に右半分にも反映されます。
このモードは以下のような制作で特に効果的です:
片側だけ描けば完成するため、制作時間が約半分に短縮されます。非対称な部分（髪型や武器など）は、ミラーモードをオフにしてから描き足してください。
完成した作品は PNG 形式でダウンロードできます。出力時に以下の設定が可能です:
PNG は可逆圧縮のため、ピクセルアートの鮮明なエッジがぼやけることなく、ドットの1つ1つが正確に保存されます。JPEG は非可逆圧縮でドット絵のエッジにノイズが発生するため、ピクセルアートの保存には不向きです。
制作途中の作品は JSON ファイルとして保存・読込ができます。JSON にはキャンバスサイズとピクセルごとの色情報が含まれており、次回アクセス時に作業を再開できます。
JSONフォーマットは以下の構造です:
version: フォーマットバージョン (現在 1)size: キャンバスサイズ (8/16/32/64)grid: 2次元配列。各要素は HEX カラーコード (空文字は透明)テキスト形式のためファイルサイズが小さく、Git 等のバージョン管理にも適しています。
ピクセルアート初心者へのアドバイス:
ピクセルアートの歴史はコンピュータグラフィックスの黎明期にまで遡ります。1970年代のアーケードゲーム（スペースインベーダー、1978年）や、1980年代の家庭用ゲーム機の普及とともに、限られたハードウェア資源の中で視覚表現を追求する技法として確立されました。
ファミコン (NES) は同時表示 25色・スプライト解像度 8×8/8×16 px、ゲームボーイは 4階調モノクロという厳しい制約がありましたが、その中で生まれた表現技法は現代でも芸術的価値を認められています。
2010年代以降、Undertale、Celeste、Stardew Valley などのインディーゲームがピクセルアートを採用して世界的ヒットとなり、懐かしさと新しさを兼ね備えた表現様式として再評価されています。また、SNSのプロフィール画像やNFTアート（CryptoPunks 等）でもピクセルアートが人気を集めています。
本ツールは以下の Web 標準技術で構築されています:
すべての処理がクライアントサイドで完結するため、画像・プロジェクトデータがサーバーに送信されることはありません。
画像フォーマット変換
JPEG・PNG・WebP・AVIF・BMP・TIFF・GIF・SVGの8形式を相互変換。最大20ファイル一括変換＆ZIPダウンロード対応。ロスレス変換・品質調整も可能。
画像圧縮ツール
JPEG・PNG・WebP・AVIFをブラウザまたはサーバーで圧縮。ブラウザ圧縮は完全プライバシー保護、サーバー最適化はSharp（mozjpeg）で高品質圧縮。品質調整・リサイズ・EXIF除去対応。
favicon ジェネレーター
画像をアップロードするだけで16x16〜512x512の各サイズPNGとICOファイルを一括生成。Apple Touch Icon・PWA対応。HTMLタグとwebmanifestも出力。
カラーコード変換ツール
HEX・RGB・HSL・HSV・CMYKの相互変換。カラーピッカー、WCAGコントラスト比チェック、配色パレット生成機能付き。Webデザイン・印刷の色指定に。
画像から GIF アニメ作成ツール
複数画像から GIF アニメーションを作成。ドラッグ並び替え、フレーム速度・透過背景・ループ回数・品質の調整に対応。LZW 特許失効済みで自由利用可能、処理はすべてブラウザ内で完結。