🌐 Sprache

Magische KI-Malerei

中文 | English

Eine auf Next.js basierende KI-Bildgenerierungsanwendung mit den folgenden Hauptfunktionen:

🎨 Unterstützung für verschiedene KI-Modelle (Sora, DALL-E, GPT, GEMINI usw.) sowie das Hinzufügen benutzerdefinierter Modelle
🖼️ Text-zu-Bild und Bild-zu-Bild Funktionen, Unterstützung für mehrere Bildreferenzen und Bereichsbearbeitung
🔐 Alle Daten und API-Schlüssel werden lokal gespeichert, um die Privatsphäre zu schützen
💻 Unterstützung für Web-Version und Desktop-App-Paketierung, plattformübergreifende Nutzung

Online-Erlebnis

Zugriffsadresse: https://image-front-eight.vercel.app/

Screenshots der Anwendung

Funktionsmerkmale

🎨 Unterstützung für verschiedene KI-Modelle
GPT Sora_Image Modell
GPT 4o_Image Modell
GPT Image 1 Modell
DALL-E 3 Modell
GEMINI Modell
🆕 Benutzerdefiniertes Modell (Unterstützung für das Hinzufügen privater Modelle)
🔄 Wechsel zwischen mehreren Modellen
Schneller Wechsel zwischen verschiedenen Modellen möglich
Jedes Modell hat eigene Konfigurationsoptionen
✍️ Text-zu-Bild Funktion
Unterstützung für benutzerdefinierte Prompts
Auswahl des Bildverhältnisses möglich
Unterstützung für verschiedene Bildgrößen
🖼️ Bild-zu-Bild Funktion
Unterstützung für Bildbearbeitung
Unterstützung für Bereichs-Maskenbearbeitung
Unterstützung für Bildqualitätsanpassung
Unterstützung für mehrere Referenzbilder (gleichzeitiges Hochladen mehrerer Bilder)
🔒 Datensicherheit
Alle generierten Bilder und Verlaufseinträge werden nur im lokalen Browser gespeichert
Unterstützung für benutzerdefinierte API-Proxy-Adressen
Unterstützung für API-Key-Konfiguration
📱 UI-Design
Modernes Benutzerinterface
Flüssige Interaktionserfahrung
Darstellung im Markdown-Format
Unterstützung für Code-Hervorhebung
🖥️ Plattformübergreifende Unterstützung
Unterstützung für die Paketierung als Desktop-Anwendung (Windows, macOS, Linux)
Unterstützung für Offline-Nutzung (API-Schnittstelle muss konfiguriert werden)

Technologiestack

Next.js 14
TypeScript
Tailwind CSS
shadcn/ui
React
Tauri (Desktop-Anwendungspaketierung)

Lokale Entwicklung

Projekt klonen

git clone https://github.com/HappyDongD/magic_image.git
cd magic_image

Abhängigkeiten installieren

npm install
或
yarn install
或
pnpm install

Starten des Entwicklungsservers

npm run dev
或
yarn dev
或
pnpm dev

Besuchen Sie http://localhost:3000

Desktop-Anwendungspaketierung

Dieses Projekt verwendet Tauri für das Packen von Desktop-Anwendungen und unterstützt Windows-, macOS- und Linux-Systeme.

Vorbereitung der Umgebung

Vor dem Packen der Desktop-Anwendung müssen folgende Abhängigkeiten installiert werden:

Rust installieren:
Besuchen Sie https://www.rust-lang.org/tools/install
Folgen Sie den Anweisungen zur Installation von Rust und Cargo

Systemabhängigkeiten:
Windows: Installieren Sie Visual Studio C++ Build Tools
macOS: Installieren Sie die Xcode Command Line Tools (xcode-select --install)
Linux: Installieren Sie die entsprechenden Abhängigkeiten, siehe Tauri Dokumentation

Entwicklungsmodus

# 安装 Tauri CLI
npm install -D @tauri-apps/cli
启动桌面应用开发模式
npm run tauri:dev

Erstellen von Desktop-Anwendungen

# 构建桌面应用安装包
npm run desktop

Nach dem erfolgreichen Build findest du das Installationspaket für das entsprechende System im Verzeichnis src-tauri/target/release/bundle.

Vercel Deployment

Forke dieses Projekt in deinen GitHub-Account

Erstelle ein neues Projekt auf Vercel

Importiere dein GitHub-Repository

Klicke auf Deploy

Anleitung zur Nutzung

Beim ersten Start muss ein API-Schlüssel konfiguriert werden
Klicke oben rechts auf „Schlüssel-Einstellungen“
Gib den API-Schlüssel und die Basisadresse ein
Klicke auf Speichern
Alternativ kann die Konfiguration auch schnell über URL-Parameter erfolgen:


     http://localhost:3000?url=你的API地址&apikey=你的API密钥


     例如：


     http://localhost:3000?url=https%3A%2F%2Fapi.example.com&apikey=sk-xxx

`` Hinweis: Sonderzeichen in der URL müssen URL-codiert werden

Generierungsmodus auswählen
Text-zu-Bild: Bild aus Textbeschreibung generieren
Bild-zu-Bild: Bild hochladen und bearbeiten

Generierungsparameter einstellen
KI-Modell auswählen (integriertes oder benutzerdefiniertes Modell)
Bildverhältnis festlegen
Bildqualität anpassen (Bild-zu-Bild-Modus)

Verwaltung benutzerdefinierter Modelle
Auf das Einstellungssymbol neben der Modellauswahl klicken
Neues Modell hinzufügen: Modellname, Modellwert eingeben und Modelltyp auswählen
Modell bearbeiten: Auf die Bearbeiten-Schaltfläche eines vorhandenen Modells klicken
Modell löschen: Auf die Löschen-Schaltfläche eines vorhandenen Modells klicken
Modell auswählen: Auf die Plus-Schaltfläche des Modells klicken, um es sofort zu verwenden

Erklärung der Modelltypen
DALL-E-Format: Verwendung des Bildgenerierungs-Endpunkts (/v1/images/generations)
OpenAI-Format: Verwendung des Chat-Endpunkts (/v1/chat/completions)

Bild generieren
Prompt eingeben
Auf die Schaltfläche "Bild generieren" klicken
Auf die Fertigstellung warten

Bildverwaltung
Verlauf anzeigen
Generierte Bilder herunterladen
Bestehende Bilder bearbeiten

Hinweise

Alle generierten Bilder und Verlaufseinträge werden nur im lokalen Browser gespeichert
Die Verwendung des Inkognito-Modus oder eines anderen Geräts führt zu Datenverlust
Bitte laden Sie wichtige Bilder rechtzeitig herunter und sichern Sie sie
Die API-Konfiguration wird sicher in Ihrem Browser gespeichert und nicht auf den Server hochgeladen
HTTPS-Websites werden durch den Browser am Laden von HTTP-Ressourcen gehindert, die Anwendung wandelt HTTP-Endpunkte automatisch in HTTPS um

Beitragshinweise

Willkommen, um Issues und Pull Requests einzureichen, um das Projekt zu verbessern.

Lizenz

Dieses Projekt steht unter der Apache License 2.0.

Gemäß der Lizenz dürfen Sie:

✅ Kommerzielle Nutzung: Sie dürfen die Software kommerziell nutzen
✅ Modifikation: Sie dürfen den Quellcode der Software ändern
✅ Weiterverbreitung: Sie dürfen die Software weiterverbreiten
✅ Private Nutzung: Sie dürfen die Software privat verwenden
✅ Patenterlaubnis: Diese Lizenz gewährt auch eine Patenterlaubnis

Sie müssen jedoch folgende Bedingungen einhalten:

📝 Lizenz- und Urheberrechtshinweis: Sie müssen die ursprüngliche Lizenz und Urheberrechtshinweise beifügen
📝 Änderungen kennzeichnen: Sie müssen wesentliche Änderungen am Originalcode kenntlich machen
📝 Markenerklärung: Die Marken der Beitragenden dürfen nicht verwendet werden

---

Spendiere mir einen Kaffee

Wenn dir dieses Projekt geholfen hat, freue ich mich über einen Kaffee ☕️

Spendiere mir einen Kaffee

Kontakt

Wenn Sie Fragen oder Anregungen haben, kontaktieren Sie mich gerne via WeChat:

QR-Code scannen, um WeChat hinzuzufügen

--- Tranlated By Open Ai Tx | Last indexed: 2025-09-09 ---