Wie ich an einem Wochenende mit KI einen kostenlosen Bildkonverter gebaut habe — WebConverter

Ich wollte einen einfachen Bildkonverter, der meine Dateien nirgendwo hochlädt. Jedes Tool, das ich fand, erforderte entweder eine Anmeldung, klebte Werbung über den Download-Button oder schickte meine Fotos stillschweigend an einen Server, den ich nicht kontrollierte. Also baute ich meinen eigenen — und KI schrieb den Großteil des Codes.

Die Idee

Das Kernkonzept ist einfach: Eine bewährte C++-Bildbibliothek zu WebAssembly kompilieren, damit sie direkt im Browser läuft. Kein Server, kein Upload, kein Datenschutzkompromiss. Die Magnum-Grafikbibliothek unterstützt bereits Dutzende von Bildformaten über eine saubere Plugin-Architektur. Die Frage war, ob ich sie an einem einzigen Wochenende in eine brauchbare Web-Oberfläche einpacken konnte.

Wo KI geholfen hat

Ich habe einen KI-Coding-Assistenten für etwa 80 % der Frontend-Arbeit verwendet. Was gut funktionierte:

• HTML/CSS-Gerüst — die Drag-and-Drop-Oberfläche, das responsive Layout und das Styling wurden in Minuten generiert
• JavaScript-Glue-Code — das Web-Worker-Setup, die Dateiverarbeitung und der Download-Trigger waren für die KI problemlos zu erstellen
• SEO-Metadaten — Open-Graph-Tags, Meta-Beschreibungen und Sitemap-Generierung wurden mit einem einzigen Prompt erzeugt
• Astro-Migration — der Umzug von statischem HTML zu einer Astro-Seite mit dynamischen Routen und gemeinsamen Layouts

Wo KI nicht geholfen hat

Die C++- und Emscripten-Seite war schwieriger. Das Konfigurieren des CMake-Build-Systems, die Auswahl der richtigen Magnum-Plugins, die Speicherverwaltung zwischen JavaScript und WASM — das erforderte Fachwissen, das die KI annähern, aber nicht beim ersten Versuch zuverlässig liefern konnte. Die meiste Zeit verbrachte ich mit dem Debuggen von Build-Problemen und Speicherlecks, nicht mit dem Schreiben von HTML.

Die Lektion: KI ist hervorragend bei der Generierung von Boilerplate und gut dokumentierten Mustern. Bei Nischen-Toolchains und Low-Level-Debugging tut sie sich schwer. Setzen Sie sie dort ein, wo sie stark ist; übernehmen Sie die schwierigen Teile selbst.

Der Tech-Stack

Folgendes treibt WebConverter.app an:

• C++ / Magnum — bewährte Bild-Dekodierung und -Enkodierung (PNG, JPEG, BMP, TGA, HDR, EXR, KTX2 und mehr)
• Emscripten — kompiliert C++ zu WebAssembly, mit SIMD- und Threading-Unterstützung für moderne Browser
• Web Workers — vier parallele Worker für Stapelkonvertierungen ohne Blockierung der Benutzeroberfläche
• Astro — Static-Site-Generator, der sauberes HTML ohne clientseitigen Framework-Overhead erzeugt
• GitLab CI — automatisierte Builds für das Astro-Frontend und die Emscripten-Laufzeit

Was ich anders machen würde

Von Anfang an Astro verwenden. Die erste Version war handgeschriebenes HTML, das auf jeder Konverterseite dupliziert wurde. Die Migration zu Astro mit gemeinsamen Layouts und datengesteuerten Routen eliminierte Hunderte von Zeilen Duplikation und machte das Hinzufügen neuer Formate trivial.

Ich würde auch früher End-to-End-Tests einrichten. Ein defektes WASM-Modul ist unsichtbar, bis jemand tatsächlich versucht, eine Datei zu konvertieren. Automatisierte Tests, die eine Datei ablegen und die Ausgabe überprüfen, hätten Probleme Tage früher aufgedeckt.

Probieren Sie es selbst

WebConverter.app ist kostenlos und quelloffen. Sie können Bilder in PNG, JPEG, BMP und viele andere Formate konvertieren — ohne ein einziges Byte hochzuladen.