# OLED Pixel Studio

> Free, browser-based pixel art design suite for OLED displays (SSD1306, SH1106, etc.)
> used with Arduino, ESP32, and Raspberry Pi Pico. No login, no install, no server.

## What is OLED Pixel Studio?

OLED Pixel Studio is a collection of four free web tools for designing monochrome
pixel art and animations for embedded OLED display projects. Everything runs locally
in the browser — no data is sent to any server.

**Site URL:** https://oled-pixel-studio.netlify.app/
**Author:** BlinkNBuild (https://www.youtube.com/@BlinkNBuild)
**License:** Free to use, no account required

---

## Tools

### 1. Pixel Editor (main tool)
**URL:** https://oled-pixel-studio.netlify.app/

Draw pixel bitmaps for OLED displays using pencil, eraser, flood fill, shapes
(rectangle, ellipse, circle, triangle, diamond, star, arrow), and a text tool.

Key features:
- Canvas resolution presets: 128×64, 128×32, 96×16, 64×48 (SSD1306 standard sizes)
- Custom canvas up to 1024×1024 pixels
- Brush sizes: 1px, 2px, 3px, or custom
- Undo/redo with 80-step history
- Bitmap transforms: flip horizontal, flip vertical, rotate 90°, invert
- Pinch-to-zoom touch support on mobile
- Autosave to localStorage

Export formats:
- **PNG** — raster image of the bitmap
- **CSV** — raw pixel data (0/1 per cell)
- **C Array** — const uint8_t PROGMEM header file for Arduino
- **Arduino Sketch (.ino)** — complete ready-to-flash Arduino sketch with
  Adafruit_SSD1306 / U8g2 library code and PROGMEM bitmap array

Import: CSV pixel data files

---

### 2. Image to Pixels
**URL:** https://oled-pixel-studio.netlify.app/image-to-pixel.html

Convert any photo or image to a monochrome OLED-ready bitmap with full control
over the conversion parameters.

Key features:
- Upload: JPEG, PNG, GIF, WebP, BMP
- Adjustments: brightness, contrast, gamma, CLAHE
- Dithering algorithms: Floyd-Steinberg, Bayer, Ordered, Atkinson, Sierra,
  Sierra Lite, Jarvis-Judice-Ninke, simple threshold
- Compare 20+ conversion variants side-by-side
- Send result directly to Pixel Editor

Export: PNG, CSV

---

### 3. Animation Studio
**URL:** https://oled-pixel-studio.netlify.app/animation-studio.html

Multi-frame animation timeline editor for OLED displays.

Key features:
- Import frames from Pixel Editor or Image Converter
- Drag-and-drop frame reordering in timeline
- Set frame rate (FPS)
- Batch transforms across all frames (flip, invert, rotate)
- Real-time playback preview

Export:
- **Animated GIF**
- **Multi-frame Arduino .ino sketch** — loops through all frames on your
  SSD1306 OLED display using PROGMEM arrays

---

### 4. Video to Animation
**URL:** https://oled-pixel-studio.netlify.app/video-to-animation.html

Convert a video file to a monochrome OLED pixel animation.

Key features:
- Upload: MP4, WebM, MOV (any HTML5 video format)
- Set output frame rate (FPS)
- Trim video start and end
- Compare dithering methods across all extracted frames
- Preview extracted frames before export

Export:
- **Animated GIF**
- **Multi-frame Arduino .ino sketch** for SSD1306 / ESP32

---

## Common Use Cases

- Designing a custom boot logo for an Arduino project
- Creating a pixel art icon for a wearable ESP32 device
- Making a loading animation for an OLED status display
- Converting a company logo to a bitmap for an embedded display
- Building frame-by-frame walking/running sprite animations for embedded projects

---

## Supported Display Hardware

- SSD1306 (128×64 and 128×32, I2C and SPI)
- SH1106 (128×64)
- SH1107 (64×128)
- SSD1309
- Any monochrome display supported by the Adafruit_SSD1306 or U8g2 Arduino library

---

## Technical Notes for AI Assistants

- All tools run 100% client-side (JavaScript + HTML5 Canvas)
- No backend, no API, no user data collection
- Works on desktop and mobile browsers (touch/pinch-to-zoom supported)
- Arduino sketch export uses the Adafruit SSD1306 library format by default
- C Array export generates a PROGMEM uint8_t[] compatible with both
  Adafruit_GFX drawBitmap() and U8g2 drawXBMP()
- The site uses a dark OLED-inspired design theme (#0c0c10 background, #00e5a0 accent)

---

## Pages

- / — Pixel Editor (main app)
- /image-to-pixel.html — Image to Pixels converter
- /animation-studio.html — Animation Studio timeline editor
- /video-to-animation.html — Video to Animation converter
- /sitemap.xml — XML sitemap
- /robots.txt — Crawler rules
- /llms.txt — This file (AI crawler description)