Zum Inhalt springen

Eine moderne image2cpp-Alternative ​

Konvertiere ein Bild in ein C-Array und sieh es dir dann auf einem simulierten Screen an, bevor du irgendetwas flashst.

Konvertiere ein Bild

Läuft im Browser. Kostenloses Konto, keine Installation.

Was Lopaka tut ​

Lopaka ist ein Grafik-Editor für Embedded-Displays. Er konvertiert PNG-, BMP-, GIF- und Videodateien in die Byte-Arrays, die eine Display-Bibliothek erwartet, dieselbe Aufgabe, die image2cpp erledigt, und geht dann weiter: Die konvertierte Bitmap landet auf einer Zeichenfläche, die zu deiner Display-Auflösung passt, wo du sie positionieren, Text und Formen um sie herum hinzufügen und den generierten Zeichen-Code lesen kannst, während du arbeitest.

Der Export deckt U8g2, TFT_eSPI, AdafruitGFX, ArduinoGFX, ESPHome, GxEPD2, Flipper Zero, MicroPython und CircuitPython ab. Monochrome Ziele erhalten 1-Bit-XBMP-Bitmaps, Farb-TFTs erhalten RGB565-Arrays, und das Dithering, das du auswählst, ist das Dithering, das du in der Vorschau siehst.

Eine Erklärung nach Formaten findest du darin, wie sich die Konvertierung von Bild zu C-Array unterscheidet zwischen monochromen Bitmaps, RGB565 und LVGL-Assets.

image2cpp im Vergleich mit Lopaka ​

image2cpp ist ein guter, kostenloser Konverter für einen einzigen Zweck. In dieser Tabelle geht es darum, wo jedes Tool passt.

Fähigkeitimage2cppLopaka
Ein einzelnes Bild in ein C-Array konvertierenJa, und es ist der schnellste WegJa
Ohne Konto arbeitenJa, immerAnmeldung erforderlich
Vorschau auf einem simulierten DisplayVorschau der konvertierten BitmapDer ganze Screen, in der Größe, die dein Display meldet
Das Bild in einem Layout platzierenNicht sein ZweckVisueller Editor mit Ebenen, Text und Formen
SchriftartenNicht sein ZweckIntegrierte Schriftarten plus BDF-, GFX- und TTF-Import
Ausgabe-ZieleByte-Arrays für Arduino-Display-BibliothekenDirekt kompilierbarer Quellcode für 9 Bibliotheken
Import von animierten GIFs und VideosNicht sein ZweckFrame-für-Frame-Import mit generiertem Wiedergabe-Code

Ein Bild konvertieren ​

  1. Öffne den Editor und wähle die Bibliothek und Display-Größe, die dein Board nutzt.
  2. Lege eine PNG-, BMP-, GIF- oder Videodatei hinein.
  3. Wähle, wie sie skaliert und gedithert wird, und beobachte das Ergebnis auf dem simulierten Screen.
  4. Kopiere den generierten Quellcode aus dem Code-Panel.

Wie die Ausgabe aussieht ​

Eine 16x16-Bitmap, platziert bei x 10, y 12, exportiert für U8g2 auf Arduino.

cpp
static const unsigned char image_logo_bits[] U8X8_PROGMEM = {0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00};
void draw(void) {
    u8g2.setFontMode(1);
    u8g2.setBitmapMode(1);
    // logo
    u8g2.drawXBMP(10, 12, 16, 16, image_logo_bits);
}

Fragen ​

Ist Lopaka ein direkter Ersatz für image2cpp? ​

Um ein einzelnes Bild in ein Byte-Array zu konvertieren, erledigt image2cpp die Aufgabe in einem einzigen Schritt, und es gibt keinen Grund zu wechseln. Lopaka passt besser, wenn die Bitmap Teil eines Screens ist, den du gestaltest, wenn du sie vor dem Flashen auf dem Display sehen musst oder wenn du möchtest, dass auch der umgebende Zeichen-Code generiert wird.

In welche Display-Bibliotheken exportiert Lopaka? ​

Lopaka generiert Quellcode für U8g2, TFT_eSPI, AdafruitGFX, ArduinoGFX, ESPHome, GxEPD2, Flipper Zero, MicroPython, CircuitPython.

Kann ich das Bild vor dem Export in der Vorschau sehen? ​

Ja. Die Zeichenfläche ist ein simulierter Screen in deiner Display-Auflösung, sodass eine 1-Bit-Bitmap auf einem monochromen OLED so aussieht, wie sie auf der Hardware aussehen wird, Dithering inklusive.

Ist es kostenlos? ​

Ja. Bilder zu konvertieren und Code für jede unterstützte Bibliothek zu generieren, ist Teil des kostenlosen Basic-Tarifs, zusammen mit den Community-Schriftart- und Icon-Bibliotheken.

Welche Bildformate kann ich importieren? ​

PNG-, BMP-, GIF- und Videodateien. Lopaka konvertiert jede davon in das Format, das die Zielplattform braucht, von 1-Bit-XBMP-Bitmaps für monochrome OLEDs bis zu RGB565-Arrays für Farb-TFTs.

Probiere es mit deinem eigenen Bild aus ​

Erstelle ein kostenloses Konto, dann öffnet sich der Editor auf einem leeren Screen in der Größe deines Displays.

Konvertiere ein Bild