Pixel-Art

🎮 Pixel Art Generator

⬛ PIXEL ART GENERATOR

Transform any image into stunning retro-style pixel art instantly ✨

🕹️ Upload any image → Generate beautiful retro pixel art with dithering, palettes, outlines & more.

---

🌟 Features

✨ Retro Pixel Art Conversion Convert normal images into nostalgic pixel-style artwork.

🎨 Multiple Retro Color Palettes

• PICO-8
• Game Boy
• NES
• C64
• CGA
• Monochrome
• Neon
• Pastel
• Sepia

🧠 Advanced Dithering Algorithms

• Floyd–Steinberg Dithering
• Ordered Bayer Dithering
• No Dithering Mode

🖼️ Drag & Drop Upload Simple and interactive image uploading.

⚡ Real-Time Controls Adjust:

• Pixel Size
• Contrast
• Saturation
• Output Scale

🧱 Pixel Grid Overlay Preview artwork like real retro sprites.

🖤 Dark Outline Mode Adds stylized outlines for game-like visuals.

⬇️ Download Options Export:

• High Resolution PNG
• Small Native Pixel Art Version

📺 Retro CRT UI Animated scanlines + arcade-inspired design.

---

🕹️ Live Preview

Upload Image

• JPG
• PNG
• WEBP
• GIF

Generate Pixel Art

Customize settings and instantly create retro visuals.

---

📸 Screenshots

Retro Interface

⬛ PIXEL ART GENERATOR
Upload any photo → get retro pixel art █

Pixel Art Output

ORIGINAL IMAGE  →  PIXELATED RETRO ART

---

⚙️ Tech Stack

Technology	Usage
HTML5	Structure
CSS3	Styling & Animations
Vanilla JavaScript	Image Processing
Canvas API	Pixel Rendering
FileReader API	Image Upload
Flexbox/Grid	Responsive Layout

---

🚀 Installation

1️⃣ Clone Repository

git clone https://github.com/madank21/Pixel-Art.git

---

2️⃣ Open Project

cd pixel-art-generator

---

3️⃣ Run Locally

Simply open:

index.html

Or use VS Code Live Server.

---

🎛️ Customization Options

Setting	Description
Pixel Size	Controls chunkiness
Palette	Retro color presets
Output Scale	Export resolution
Contrast	Image intensity
Saturation	Color vibrance
Grid Overlay	Pixel boundaries
Dark Outline	Sprite effect

---

🧠 How It Works

Image Processing Pipeline

Upload Image
      ↓
Resize & Analyze
      ↓
Apply Contrast/Saturation
      ↓
Average Pixel Blocks
      ↓
Apply Dithering
      ↓
Map To Palette
      ↓
Render Pixel Art
      ↓
Download PNG

---

🎨 Supported Palettes

Palette	Colors
Game Boy	4
PICO-8	16
NES	54
C64	16
CGA	4
Mono	16
Neon	8
Pastel	8

---

📱 Responsive Design

✅ Desktop ✅ Tablet ✅ Mobile

Fully responsive retro interface.

---

✨ Cool Features

🔥 Animated Progress Bar 🔥 Pixelated Canvas Rendering 🔥 Retro Typography 🔥 CRT Scanline Overlay 🔥 Hover Animations 🔥 Dynamic Palette Preview

---

🖤 Example Use Cases

🎮 Retro Game Assets 🧑‍🎨 Pixel Portraits 🖼️ Social Media Art 📱 NFT Concepts 🎨 Indie Game Sprites 🕹️ Arcade Style Posters

---

🌈 Future Improvements

• AI Pixel Style Presets
• Animated GIF Export
• Sprite Sheet Generator
• WebGL Acceleration
• Custom Palette Creator
• Pixel Animation Timeline
• Layer Editing
• Frame-by-Frame Export

---

🤝 Contributing

Contributions are welcome!

Fork → Clone → Edit → Commit → Pull Request

---

📜 License

MIT License © 2026

---

👨‍💻 Author

Madan

💡 Passionate about:

• AI
• Creative Development
• Retro UI Design
• Interactive Web Experiences

---

⭐ If you like this project, give it a star ⭐

Made with ❤️ + pixels + nostalgia