IMAGE2CPP

PREVIEW

HOW TO USE

Upload up to 20 images. Each image stacks with its own controls. Use UPDATE ALL IMAGES on the left to apply your main settings to every image. You can still override any single image using its own card controls.

Example 1 — ESP32 WEB (Centered big text + array section)

/*
  IMAGE2CPP WEB EXAMPLE

SSID: IMAGE2CPP-WEB
  PASS: 12345678
  OPEN: http://192.168.4.1
*/

#include <WiFi.h>
#include <WebServer.h>
#include <pgmspace.h>

const char* AP_SSID = "IMAGE2CPP-WEB";
const char* AP_PASS = "12345678";
WebServer server(80);

/* ARRAY SECTION (PASTE YOUR IMAGE2CPP OUTPUT HERE)
const uint16_t my_image_565[] PROGMEM = { 0x0000, ... };
*/

static const char INDEX_HTML[] PROGMEM = R"HTML(
<!doctype html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
    html,body{height:100%;margin:0}
    body{
      display:flex;align-items:center;justify-content:center;
      background:#020617;color:#e5e7eb;
      font-family:system-ui,-apple-system,sans-serif;
      text-align:center;padding:18px;box-sizing:border-box;
    }
    .t1{font-weight:1000;letter-spacing:.10em;font-size:42px;text-transform:uppercase;margin:0 0 10px 0;color:#38bdf8}
    .t2{font-weight:1000;letter-spacing:.10em;font-size:30px;text-transform:uppercase;margin:0 0 18px 0;color:#fb923c}
  </style>
</head>
<body>
  <div>
    <div class="t1">IMAGE2CPP</div>
    <div class="t2">HELLO WEB</div>
  </div>
</body>
</html>
)HTML";

void handleRoot(){ server.send_P(200, "text/html", INDEX_HTML); }

void setup(){
  Serial.begin(115200);
  WiFi.mode(WIFI_AP);
  WiFi.softAP(AP_SSID, AP_PASS);
  server.on("/", HTTP_GET, handleRoot);
  server.begin();
}

void loop(){ server.handleClient(); }

ESP32 WEB (EXAMPLE.INO)

Example 2 — Arduino Serial (Hello Arduino)

ARDUINO SERIAL

Example 3 — Waveshare 1.47" LCD (ST7789) (Hello Waveshare)

WAVESHARE ST7789

Example 4 — Adafruit SSD1306 OLED (Hello Adafruit)

ADAFRUIT SSD1306