https://github.com/luizbizzio/mypixel

🎨 MyPixel simplifies pixel art enhancement with powerful upscaling, vectorization, and batch processing. Ideal for designers, developers, and digital artists.
https://github.com/luizbizzio/mypixel

base64 batch client-side color-picker editor enhancement hex image-processing open-source pixel pixel-art png renamer rgb svg svg-icons tool upscale upscaling vector

Last synced: 5 months ago
JSON representation

🎨 MyPixel simplifies pixel art enhancement with powerful upscaling, vectorization, and batch processing. Ideal for designers, developers, and digital artists.

• Host: GitHub
• URL: https://github.com/luizbizzio/mypixel
• Owner: luizbizzio
• License: apache-2.0
• Created: 2025-05-14T01:21:13.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-12-03T12:25:49.000Z (7 months ago)
• Last Synced: 2025-12-06T16:20:23.752Z (7 months ago)
• Topics: base64, batch, client-side, color-picker, editor, enhancement, hex, image-processing, open-source, pixel, pixel-art, png, renamer, rgb, svg, svg-icons, tool, upscale, upscaling, vector
• Language: HTML
• Homepage: https://mypixel.dev
• Size: 678 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# MyPixel - Pixel Art Enhancer 🎨

**Your browser, your pixels, perfected.** MyPixel brings pixel art back to life with **crisp scaling**, **real-time color controls**, and **vector exports**—all running **100% client-side**.

---

## ✨ Feature Highlights ✨

| Feature                                 | Description                                                                                              |

|:----------------------------------------|:----------------------------------------------------------------------------------------------------------|

| 🔍 **Crisp Non‑Blurred Scale**           | Scale from **10%** to **10 000%** with no blur—each pixel remains razor-sharp.                            |

| 🌈 **Opacity & Saturation**              | Live-range sliders (0–100%) let you tweak transparency and color intensity, previewing instantly.         |

| 👀 **Side‑by‑Side Preview**              | Instantly compare **Original** vs **Modified** in the same view.                                          |

| 🎨 **Auto Color Palette**                | Extract top 32 colors automatically; click any swatch to copy its HEX code.                               |

| 🔍 **Magnifier & Picker**                | Hover to magnify pixel details and pick HEX/RGB values; click to copy into clipboard.                    |

| 📐 **True Vector SVG**                   | Export as genuine SVG: fully scalable vector paths, not embedded bitmaps.                                 |

| 📦 **Multi‑Format Export**               | Download or copy as **PNG**, **WEBP**, **AVIF**, **SVG**, or **Base64**.                                  |

| 🗂️ **Batch Processing**                  | Process multiple files at once; download a ZIP of your chosen format.                                     |

| 📝 **File Info & Rename**                | View/edit filename, file size, dimensions, aspect ratio, and see export size estimates before saving.    |

| 🔗 **Shareable Links**                   | Generate a URL with Base64‑encoded image—shareable without uploads, stored in your browser history.       |

| 📱 **PWA & Mobile‑Ready**                | Install as a Progressive Web App on desktop or mobile; use **offline** thanks to Service Worker caching.  |

---

## 🔍 Before & After: Real Results

  

    Original (32×64)

    Upscaled PNG (320×640)

    Vector SVG (320×640)

  

  

    

      

    

    

      

    

    

      

    

  

> Notice the crisp edges and preserved block shapes in both PNG and SVG—no blur, no distortion.

>

> **Art credit:** Original pixel art by [F404X](https://x.com/F404XdoesARTS)

---

## 🚀 Quick Start



  



1. **Upload**: Drag & drop or click the green panel to select your PNG sprite.

2. **Adjust**: Set **Scale**, **Opacity**, **Saturation** with intuitive sliders.

3. **Review**: Check the **palette**, hover to pick colors, compare before/after.

4. **Export**:

   - **Single**: Click **PNG**, **WEBP**, **AVIF**, **SVG**, or **Base64**.

   - **Batch**: Enable **Batch Mode**, add files, pick format, download **ZIP**.

5. **Share**: Click **Share Link**—a URL with your Base64 image is copied to your clipboard.

---

## 🎁 Why MyPixel?

- **Privacy**: 100% client-side; your artwork never leaves your device.

- **Performance**: Instant feedback powered by modern browsers.

- **Flexibility**: From simple sprites to high-res vector exports, all formats covered.

- **Portability**: PWA support means you can work offline anywhere.

---

## 📄 License

This project is licensed under the **Apache License 2.0**. See [LICENSE](LICENSE) for details.