Disegno Magico con AI

Un'applicazione di disegno AI sviluppata con Next.js, con le seguenti funzionalità principali:

• 🎨 Supporto per molteplici modelli AI (Sora, DALL-E, GPT, GEMINI, ecc.) e aggiunta di modelli personalizzati
• 🖼️ Funzioni di generazione da testo a immagine e da immagine a immagine, con supporto per riferimento multiplo e modifica per aree
• 🔐 Tutti i dati e le chiavi API sono memorizzati localmente, garantendo la sicurezza della privacy
• 💻 Supporto per versione web e pacchettizzazione desktop, utilizzo multipiattaforma

Esperienza online

Indirizzo di accesso: https://image-front-eight.vercel.app/

Screenshot dell'applicazione

Caratteristiche principali

• 🎨 Supporto per molteplici modelli AI
• Modello GPT Sora_Image
• Modello GPT 4o_Image
• Modello GPT Image 1
• Modello DALL-E 3
• Modello GEMINI
• 🆕 Modelli personalizzati (supporto per l'aggiunta di modelli privati)
• 🔄 Cambio tra modelli multipli
• Supporto per passaggio rapido tra diversi modelli
• Ogni modello ha opzioni di configurazione indipendenti
• ✍️ Funzione testo-immagine
• Supporto per prompt personalizzati
• Possibilità di scegliere il rapporto dell'immagine
• Supporto per diverse dimensioni immagine
• 🖼️ Funzione immagine-immagine
• Supporto per modifica immagini
• Supporto per modifica tramite maschere di area
• Supporto per regolazione della qualità dell'immagine
• Supporto per riferimenti multipli di immagini (caricamento simultaneo di più immagini)
• 🔒 Sicurezza dei dati
• Tutte le immagini generate e la cronologia sono salvate solo nel browser locale
• Supporto per indirizzo proxy API personalizzato
• Supporto per configurazione API Key
• 📱 Design dell'interfaccia utente
• Interfaccia utente moderna
• Esperienza di interazione fluida
• Visualizzazione in formato Markdown
• Supporto per evidenziazione del codice
• 🖥️ Supporto multipiattaforma
• Supporto per il packaging come applicazione desktop (Windows, macOS, Linux)
• Supporto per l'uso offline (richiede la configurazione dell'API)

Stack Tecnologico

• Next.js 14
• TypeScript
• Tailwind CSS
• shadcn/ui
• React
• Tauri (packaging applicazione desktop)

Sviluppo Locale

• Clona il progetto

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

• Installazione delle dipendenze

npm install
或
yarn install
或
pnpm install

• Avvia il server di sviluppo

npm run dev
或
yarn dev
或
pnpm dev

• Visita http://localhost:3000

Pacchettizzazione dell'applicazione desktop

Questo progetto utilizza Tauri per la creazione di pacchetti desktop, supportando sistemi Windows, macOS e Linux.

Preparazione dell'ambiente

Prima di impacchettare l'app desktop, è necessario installare le seguenti dipendenze:

• Installa Rust:
• Visita https://www.rust-lang.org/tools/install
• Segui le istruzioni per installare Rust e Cargo
• Dipendenze di sistema:
• Windows: Installa Visual Studio C++ Build Tools
• macOS: Installa gli strumenti da riga di comando Xcode (xcode-select --install)
• Linux: Installa le dipendenze necessarie, vedi Documentazione Tauri

Modalità di sviluppo

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

Creazione di applicazioni desktop

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

Dopo la compilazione, è possibile trovare il pacchetto di installazione per il sistema corrispondente nella directory src-tauri/target/release/bundle.

Deploy su Vercel

• Fai il fork di questo progetto sul tuo account GitHub
• Crea un nuovo progetto su Vercel
• Importa il tuo repository GitHub
• Clicca su deploy

Istruzioni per l'uso

• Al primo utilizzo è necessario configurare la chiave API
• Clicca su "Impostazioni chiave" in alto a destra
• Inserisci la chiave API e l'indirizzo di base
• Clicca su salva
• Puoi anche configurare velocemente tramite parametri nell'URL:

`` http://localhost:3000?url=你的API地址&apikey=你的API密钥 ` 例如： ` http://localhost:3000?url=https%3A%2F%2Fapi.example.com&apikey=sk-xxx `` Nota: i caratteri speciali nell'URL devono essere codificati come URL

• Scegli la modalità di generazione
• Testo in immagine: genera immagini tramite descrizione testuale
• Immagine in immagine: carica un'immagine per modificarla
• Imposta i parametri di generazione
• Seleziona il modello AI (modello integrato o personalizzato)
• Imposta il rapporto dell'immagine
• Regola la qualità dell'immagine (modalità immagine in immagine)
• Gestione dei modelli personalizzati
• Clicca sull'icona delle impostazioni accanto al selettore dei modelli
• Aggiungi nuovo modello: inserisci nome, valore e tipo del modello
• Modifica modello: clicca sul pulsante di modifica di un modello esistente
• Elimina modello: clicca sul pulsante di eliminazione di un modello esistente
• Seleziona modello: clicca sul pulsante con il segno più per selezionare e usare subito il modello
• Spiegazione dei tipi di modelli
• Formato DALL-E: utilizza l'interfaccia di generazione immagini (/v1/images/generations)
• Formato OpenAI: utilizza l'interfaccia chat (/v1/chat/completions)
• Genera immagini
• Inserisci le parole chiave
• Clicca sul pulsante "Genera immagine"
• Attendi il completamento della generazione
• Gestione immagini
• Visualizza la cronologia
• Scarica le immagini generate
• Modifica immagini esistenti

Avvertenze

• Tutte le immagini generate e la cronologia sono salvate solo nel browser locale
• L'uso della modalità privata o il cambio dispositivo può causare la perdita dei dati
• Scarica e fai regolarmente backup delle immagini importanti
• La configurazione API sarà memorizzata in modo sicuro nel tuo browser e non sarà caricata sul server
• Il caricamento di risorse HTTP su siti HTTPS verrà bloccato dal browser, l'app convertirà automaticamente le API HTTP in HTTPS

Guida ai contributi

Sei il benvenuto a inviare Issue e Pull Request per aiutare a migliorare il progetto.

Licenza

Questo progetto utilizza la licenza Apache License 2.0.

In base alla licenza, puoi:

• ✅ Uso commerciale: puoi utilizzare il software per scopi commerciali
• ✅ Modifica: puoi modificare il codice sorgente del software
• ✅ Distribuzione: puoi distribuire il software
• ✅ Uso privato: puoi utilizzare il software privatamente
• ✅ Autorizzazione brevetti: questa licenza fornisce anche l'autorizzazione sui brevetti

Ma devi rispettare le seguenti condizioni:

• 📝 Dichiarazione di licenza e copyright: devi includere la licenza originale e la dichiarazione di copyright
• 📝 Dichiarazione delle modifiche: devi dichiarare le modifiche significative al codice originale
• 📝 Dichiarazione dei marchi: non puoi utilizzare i marchi dei contributori

---

Offrimi un caffè

Se questo progetto ti è stato utile, sei il benvenuto a offrirmi un caffè ☕️

Contatti

Se hai domande o suggerimenti, sei il benvenuto a contattarmi tramite WeChat:

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