Skip to content

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

License

Notifications You must be signed in to change notification settings

luizbizzio/mypixel

Repository files navigation

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)
Original Pixel Art Upscaled Pixel Art (PNG) Upscaled Pixel Art (SVG)

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

Art credit: Original pixel art by F404X


🚀 Quick Start

Desktop Screenshot

  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 for details.

About

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

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Sponsor this project