ドット絵リサイザー

ドット絵やピクセルアート画像を きれいにリサイズ できる無料Webツールです。 最近傍補間（Nearest Neighbor）による拡大で、にじまずクッキリ したドット絵を出力できます。

ブラウザだけで動作する静的サイトとして構成しており、 GitHub Pages でホスティングするだけで利用できます。

⚠️ このツールは現在開発途中です。 機能は予告なく変更される可能性があり、正常に動作する保証はありません。 ご利用は自己責任でお願いいたします。

---

🧩 主な機能

• ドラッグ＆ドロップ、またはクリップボードからの画像読み込み
• 整数倍率（×2, ×3, ×4, ×5, ×10など） によるドット絵リサイズ
• 透過PNG対応：透明部分を保持したまま出力可能
• 市松模様背景プレビュー（透過確認用トグル）
• 出力形式選択：PNG / WebP
• WebP出力時の**品質（0.0～1.0）**調整
• 出力画像をワンクリックでダウンロード

---

🛠 使用方法

1. このリポジトリをクローン、またはZIPダウンロードします。

   git clone https://github.com/yourname/dot-resizer.git

2. 以下の3ファイルをGitHubリポジトリのルートに配置します。

   index.html
   styles.css
   app.js
   

3. GitHub Pages を mainブランチ / root に設定して有効化します。

4. 公開されたURLにアクセスして、リサイズしたいドット絵をアップロード。

5. 倍率や出力形式を設定し、「ダウンロード」ボタンで保存できます。

---

💾 対応フォーマット

入力形式	説明
PNG	透過保持に対応（推奨）
GIF	1フレーム目を読み込み
WebP	静止画像対応
JPEG	透過なし画像も対応可能

---

🎨 背景市松模様について

透過画像を扱う際の見やすさを向上させるため、 プレビュー画面の背景を**市松模様（透明チェッカー）**として表示できます。 トグルスイッチでON/OFFを切り替え可能です。

---

🖼 ファイル構成

├── index.html   # メイン画面（Bootstrap使用）
├── styles.css   # レイアウトと市松模様背景スタイル
└── app.js       # リサイズ・プレビュー・ダウンロード処理

---

🧰 技術スタック

• HTML5 / CSS3 / JavaScript (ES6+)
• Bootstrap 5.3.3
• Canvas API（最近傍補間によるリサイズ）

---

📄 ライセンス

MIT License