🌐 Idioma

Pintura mágica con IA

中文 | English

Una aplicación de dibujo AI desarrollada con Next.js, que cuenta con las siguientes funciones principales:

🎨 Soporte para varios modelos de IA (Sora, DALL-E, GPT, GEMINI, etc.) y permite agregar modelos personalizados
🖼️ Funciones de generación de imágenes a partir de texto y de edición de imágenes, con soporte para múltiples imágenes de referencia y edición por zonas
🔐 Todos los datos y claves de API se almacenan localmente, garantizando la seguridad y privacidad
💻 Compatible con versión web y empaquetado como aplicación de escritorio, para uso multiplataforma

Experiencia en línea

Dirección de acceso: https://image-front-eight.vercel.app/

Capturas de pantalla de la aplicación

Características principales

🎨 Soporte para múltiples modelos de IA
Modelo GPT Sora_Image
Modelo GPT 4o_Image
Modelo GPT Image 1
Modelo DALL-E 3
Modelo GEMINI
🆕 Modelos personalizados (soporta añadir modelos privados)
🔄 Cambio entre modelos
Soporte para cambiar rápidamente entre diferentes modelos
Cada modelo tiene opciones de configuración independientes
✍️ Función de generación de imágenes a partir de texto
Soporte para personalizar los prompts
Permite seleccionar la proporción de la imagen
Soporte para varios tamaños de imagen
🖼️ Función de generación de imágenes a partir de imágenes
Soporte para edición de imágenes
Soporte para edición de zonas enmascaradas
Soporte para ajuste de calidad de imagen
Soporta referencia múltiple de imágenes (subir varias imágenes simultáneamente)
🔒 Seguridad de datos
Todas las imágenes generadas y el historial solo se guardan en el navegador local
Soporta la personalización de la dirección de proxy de la API
Soporta configuración de API Key
📱 Diseño de UI
Interfaz de usuario moderna
Experiencia de interacción fluida
Visualización en formato Markdown
Soporte para resaltado de código
🖥️ Soporte multiplataforma
Soporta empaquetado como aplicación de escritorio (Windows, macOS, Linux)
Soporta uso sin conexión (requiere configuración de interfaz API)

Stack tecnológico

Next.js 14
TypeScript
Tailwind CSS
shadcn/ui
React
Tauri (empaquetado de aplicación de escritorio)

Desarrollo local

Clonar el proyecto

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

Instalación de dependencias

npm install
或
yarn install
或
pnpm install

Iniciar el servidor de desarrollo

npm run dev
或
yarn dev
或
pnpm dev

Accede a http://localhost:3000

Empaquetado de la aplicación de escritorio

Este proyecto utiliza Tauri para empaquetar la aplicación de escritorio, compatible con los sistemas Windows, macOS y Linux.

Preparación del entorno

Antes de empaquetar la aplicación de escritorio, es necesario instalar las siguientes dependencias:

Instalar Rust:
Visita https://www.rust-lang.org/tools/install
Sigue las instrucciones para instalar Rust y Cargo

Dependencias del sistema:
Windows: Instala Visual Studio C++ Build Tools
macOS: Instala las herramientas de línea de comandos de Xcode (xcode-select --install)
Linux: Instala las dependencias correspondientes, consulta la documentación de Tauri

Modo de desarrollo

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

Construir aplicaciones de escritorio

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

Después de completar la compilación, puedes encontrar el paquete de instalación correspondiente al sistema en el directorio src-tauri/target/release/bundle.

Despliegue en Vercel

Haz un Fork de este proyecto a tu cuenta de GitHub

Crea un nuevo proyecto en Vercel

Importa tu repositorio de GitHub

Haz clic en desplegar

Instrucciones de uso

La primera vez que lo uses necesitas configurar la clave API
Haz clic en "Configuración de clave" en la esquina superior derecha
Introduce la clave API y la dirección base
Haz clic en guardar
También puedes configurar rápidamente a través de parámetros en la URL:


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


     例如：


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

`` Nota: Los caracteres especiales en la URL deben ser codificados en URL

Seleccionar modo de generación
Texto a imagen: generar imágenes mediante descripciones de texto
Imagen a imagen: subir una imagen para editarla

Configurar parámetros de generación
Seleccionar modelo de IA (modelo integrado o personalizado)
Establecer la proporción de la imagen
Ajustar la calidad de la imagen (modo imagen a imagen)

Gestión de modelos personalizados
Hacer clic en el ícono de configuración junto al cuadro de selección de modelo
Agregar un nuevo modelo: ingresar nombre, valor del modelo y seleccionar tipo de modelo
Editar modelo: hacer clic en el botón de edición de un modelo existente
Eliminar modelo: hacer clic en el botón de eliminar de un modelo existente
Seleccionar modelo: hacer clic en el botón de suma del modelo para seleccionarlo de inmediato

Explicación de los tipos de modelo
Formato DALL-E: utiliza la interfaz de generación de imágenes (/v1/images/generations)
Formato OpenAI: utiliza la interfaz de chat (/v1/chat/completions)

Generar imagen
Ingresar la palabra clave o prompt
Hacer clic en el botón "Generar imagen"
Esperar a que se complete la generación

Gestión de imágenes
Ver historial
Descargar imágenes generadas
Editar imágenes existentes

Precauciones

Todas las imágenes generadas y el historial solo se guardan en el navegador local
Usar el modo privado o cambiar de dispositivo puede causar la pérdida de datos
Descargue y haga copia de seguridad de las imágenes importantes a tiempo
La configuración de la API se almacenará de forma segura en su navegador y no se subirá al servidor
Los recursos HTTP cargados en sitios HTTPS serán bloqueados por el navegador; la aplicación convertirá automáticamente las interfaces HTTP a HTTPS

Guía de contribución

Bienvenido a enviar Issues y Pull Requests para ayudar a mejorar el proyecto.

Licencia

Este proyecto utiliza la licencia Apache License 2.0.

Según la licencia, usted puede:

✅ Uso comercial: puede usar el software con fines comerciales
✅ Modificar: puede modificar el código fuente del software
✅ Distribuir: puede distribuir el software
✅ Uso privado: puede usar el software de forma privada
✅ Licencia de patentes: esta licencia también otorga licencia de patentes

Pero debe cumplir con las siguientes condiciones:

📝 Declaración de licencia y derechos de autor: debe incluir la licencia y declaración de derechos de autor originales
📝 Declaración de cambios: debe declarar los cambios importantes realizados al código original
📝 Declaración de marca registrada: no debe utilizar las marcas registradas de los colaboradores

---

Invítame a un café

Si este proyecto te ha sido útil, eres bienvenido a invitarme a un café ☕️

Invítame a un café

Información de contacto

Si tienes alguna pregunta o sugerencia, puedes contactarme a través de WeChat:

Escanea el código QR para agregarme en WeChat

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