Skip to content

rswio/8bit-photo

Repository files navigation

🎮 8-Bit Photo Converter

Convert your photos into retro 8-bit pixel art instantly in your browser!

Live Demo 100% Vibe Coded

🌟 Features

  • Instant Conversion: Transform any photo into 8-bit pixel art directly in your browser
  • Customisable Pixel Size: Adjust pixelation from subtle to extreme (2–40 pixel sizes)
  • 8 Retro Colour Palettes: Game Boy, NES, ZX Spectrum, PICO-8, Commodore 64, CGA, Black & White, and Original
  • Privacy-First: All processing happens locally in your browser — no uploads to servers
  • Drag & Drop: Drop an image straight onto the canvas
  • Easy Download: Save your 8-bit creations as PNG with one click

🚀 Live Demo

Visit 8bitphoto.co.uk to try it out!

🛠️ Technologies

  • Pure HTML5
  • Vanilla JavaScript
  • CSS3
  • HTML5 Canvas API
  • No build process, no dependencies

📦 Project Structure

├── index.html              # Main HTML file with embedded CSS and structured data
├── script.js               # Image processing logic (vanilla JS)
├── robots.txt              # SEO crawl rules
├── sitemap.xml             # SEO sitemap
└── favicon files           # Icons for various devices

🚀 Quick Start

No build process required! Simply:

  1. Open index.html in any modern web browser
  2. Or deploy the files to any web server or hosting service

That's it. No npm install, no build steps, no dependencies.

🎯 How to Use

  1. Upload: Click "SELECT IMAGE" or drag & drop a photo onto the canvas
  2. Customise: Adjust the pixel size and choose a retro colour palette
  3. Download: Click "DOWNLOAD 8-BIT" to save your creation as a PNG

🎨 Colour Palettes

Palette Colours Era
Original Full Keeps your image's colours, pixelation only
Game Boy 4 Nintendo Game Boy (1989)
NES 54 Nintendo Entertainment System
ZX Spectrum 15 Sinclair ZX Spectrum — iconic British home computer
PICO-8 16 PICO-8 fantasy console — popular modern retro palette
Commodore 64 16 Commodore 64 home computer
CGA 4 IBM Colour Graphics Adapter
Black & White 2 Simple monochrome

🤝 Contributing

Contributions, issues, and feature requests are welcome!

📝 License

This project is open source and available for personal and commercial use.

☕ Support

If you enjoy this project, consider buying me a coffee!

🔗 Links


Made with 👾 by rswio • 100% Vibe Coded

About

Convert photos to 8bit images

Topics

Resources

Stars

Watchers

Forks

Contributors