Back to Tools

Monochrome Bitmap Generator

How to Use This Tool

🔗 Check out a real-world example in the ESPBird - Customizing the Bird Sprite section.

This tool helps you create and edit monochrome bitmaps for OLED displays like the SSD1306. Here's how to use it:

  • Select Grid Size: Choose between 8×8, 16×16, or 32×32 pixels
  • Draw Your Image: Click pixels to toggle them on/off
  • Generate Binary: Convert your pixel art to binary format
  • Render Binary: Convert binary data back to pixel art

Using the Generated Output

Example Code for SSD1306 OLED

#include <Wire.h>
#include <Adafruit_SSD1306.h>

#define SCREEN_WIDTH 128
#define SCREEN_HEIGHT 64
#define OLED_RESET -1

Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, OLED_RESET);

// Paste your generated bitmap data here
static const unsigned char PROGMEM bitmap[] = {
    // Generated binary data goes here
};

void setup() {
    Wire.begin();
    display.begin(SSD1306_SWITCHCAPVCC, 0x3C);
    display.clearDisplay();
    
    // Draw the bitmap at position (0,0)
    display.drawBitmap(0, 0, bitmap, 16, 16, WHITE);
    display.display();
}

Tips for Best Results

  • Use the same grid size as your intended display output
  • Test the bitmap on your actual display to verify alignment
  • Save your binary data for future editing