|
# 🎨 Gráficos Vectoriales SVG - NTIA Space |
|
|
|
## 📋 Descripción |
|
|
|
Esta funcionalidad permite generar gráficos vectoriales SVG de alta calidad usando modelos de IA especializados. Los gráficos vectoriales son escalables sin pérdida de calidad y perfectos para iconos, logos, ilustraciones y elementos de diseño. |
|
|
|
## 🚀 Modelos Disponibles |
|
|
|
### 🎨 SVGDreamer (Principal) |
|
- **Modelo**: `jree423/svgdreamer` |
|
- **Descripción**: Modelo avanzado de texto a SVG con múltiples estilos |
|
- **Características**: |
|
- Generación multi-partícula (hasta 8 variantes simultáneas) |
|
- 4 estilos diferentes: iconography, pixel_art, sketch, painting |
|
- Optimizado para ZeroGPU H200 |
|
- Formato de salida: SVG escalable |
|
|
|
### 🏢 Modelos Microsoft (Especializados) |
|
- **IconGenerator**: Generador de iconos vectoriales |
|
- **LogoMaker**: Creador de logos corporativos |
|
- **VectorArt**: Arte vectorial general |
|
- **IllustrationGen**: Ilustraciones editoriales |
|
- **PatternMaker**: Generador de patrones |
|
- **DiagramGen**: Diagramas técnicos |
|
- **ChartMaker**: Gráficos de datos |
|
- **FlowchartGen**: Diagramas de flujo |
|
- **MindMapGen**: Mapas mentales |
|
- **InfographicGen**: Infografías |
|
- **PosterMaker**: Pósters vectoriales |
|
- **BannerGen**: Banners web |
|
- **CardMaker**: Tarjetas de presentación |
|
- **BadgeGen**: Insignias y premios |
|
- **StickerMaker**: Stickers vectoriales |
|
- **EmojiGen**: Emojis personalizados |
|
- **IconSetGen**: Conjuntos de iconos |
|
- **UIElementGen**: Elementos de interfaz |
|
|
|
## 🎯 Estilos Disponibles |
|
|
|
### 1. Iconography |
|
- **Descripción**: Iconos limpios y minimalistas |
|
- **Uso**: Logos, iconos de apps, símbolos |
|
- **Ejemplo**: "a simple house icon" |
|
|
|
### 2. Pixel Art |
|
- **Descripción**: Estilo retro con píxeles visibles |
|
- **Uso**: Juegos, arte retro, nostalgia |
|
- **Ejemplo**: "a pixel art character" |
|
|
|
### 3. Sketch |
|
- **Descripción**: Dibujo a mano alzada |
|
- **Uso**: Bocetos, ilustraciones artísticas |
|
- **Ejemplo**: "a sketch of a mountain landscape" |
|
|
|
### 4. Painting |
|
- **Descripción**: Estilo pictórico con pinceladas |
|
- **Uso**: Arte digital, ilustraciones expresivas |
|
- **Ejemplo**: "an oil painting of a sunset" |
|
|
|
## ⚙️ Parámetros de Configuración |
|
|
|
### Parámetros Principales |
|
- **Número de partículas**: 1-8 (más partículas = más variantes) |
|
- **Iteraciones**: 100-1000 (más iteraciones = mejor calidad) |
|
- **Guidance scale**: 1.0-15.0 (controla adherencia al prompt) |
|
- **Dimensiones**: 64x64 a 512x512 píxeles |
|
|
|
### Optimización para ZeroGPU |
|
- **Timeout**: 45 segundos máximo |
|
- **Memoria**: Optimizado para H200 |
|
- **Cuota**: Estimación precisa de uso |
|
|
|
## 📝 Ejemplos de Prompts |
|
|
|
### 🦅 Naturaleza |
|
- "a majestic eagle soaring through clouds" |
|
- "ocean waves crashing on rocks" |
|
- "a field of sunflowers under blue sky" |
|
|
|
### 🤖 Personajes y Objetos |
|
- "a friendly robot character" |
|
- "a vintage bicycle" |
|
- "a magical wizard casting spells" |
|
|
|
### 🎨 Arte Abstracto |
|
- "geometric patterns in bright colors" |
|
- "flowing organic shapes" |
|
- "mandala design with intricate details" |
|
|
|
### 🏢 Elementos Corporativos |
|
- "modern company logo with geometric shapes" |
|
- "professional business card design" |
|
- "corporate presentation template" |
|
|
|
## 🔧 Uso Técnico |
|
|
|
### API Directa |
|
```python |
|
from huggingface_hub import InferenceClient |
|
|
|
client = InferenceClient("jree423/svgdreamer") |
|
result = client.post( |
|
json={ |
|
"inputs": "a cyberpunk cityscape at night", |
|
"parameters": { |
|
"n_particle": 4, |
|
"style": "pixel_art", |
|
"guidance_scale": 8.0 |
|
} |
|
} |
|
) |
|
``` |
|
|
|
### Parámetros Completos |
|
```python |
|
payload = { |
|
"inputs": "tu prompt aquí", |
|
"parameters": { |
|
"n_particle": 6, # Número de variantes |
|
"num_iter": 1000, # Iteraciones de optimización |
|
"guidance_scale": 7.5, # Control de adherencia |
|
"style": "iconography", # Estilo artístico |
|
"width": 224, # Ancho en píxeles |
|
"height": 224, # Alto en píxeles |
|
"seed": 42 # Semilla para reproducibilidad |
|
} |
|
} |
|
``` |
|
|
|
## 📊 Formato de Salida |
|
|
|
### SVGDreamer |
|
- **Formato**: Lista de objetos JSON |
|
- **Contenido**: SVG como string + metadatos |
|
- **Partículas**: Múltiples variantes por request |
|
|
|
### Otros Modelos |
|
- **Formato**: SVG único |
|
- **Contenido**: Código SVG directo |
|
- **Metadatos**: Información del modelo usado |
|
|
|
## ⚡ Optimizaciones de Rendimiento |
|
|
|
### Para ZeroGPU H200 |
|
- **Memoria**: Uso optimizado de VRAM |
|
- **Velocidad**: Configuración turbo para H200 |
|
- **Cuota**: Estimación precisa de tiempo |
|
|
|
### Parámetros Recomendados |
|
- **Rápido**: 1 partícula, 100 iteraciones |
|
- **Balanceado**: 4 partículas, 500 iteraciones |
|
- **Alta calidad**: 8 partículas, 1000 iteraciones |
|
|
|
## 🎨 Casos de Uso |
|
|
|
### 1. Diseño de Marca |
|
- Logos corporativos |
|
- Identidad visual |
|
- Elementos de marca |
|
|
|
### 2. Desarrollo Web |
|
- Iconos de interfaz |
|
- Elementos UI/UX |
|
- Gráficos responsivos |
|
|
|
### 3. Marketing Digital |
|
- Banners publicitarios |
|
- Infografías |
|
- Material promocional |
|
|
|
### 4. Contenido Educativo |
|
- Diagramas técnicos |
|
- Mapas conceptuales |
|
- Ilustraciones didácticas |
|
|
|
### 5. Arte Digital |
|
- Ilustraciones personalizadas |
|
- Patrones decorativos |
|
- Elementos artísticos |
|
|
|
## 🔍 Solución de Problemas |
|
|
|
### Error de Cuota |
|
- **Síntoma**: "Cuota de ZeroGPU agotada" |
|
- **Solución**: Esperar unos minutos y reintentar |
|
- **Prevención**: Usar menos partículas/iteraciones |
|
|
|
### Error de Autenticación |
|
- **Síntoma**: "Error de autenticación" |
|
- **Solución**: Verificar HF_TOKEN |
|
- **Prevención**: Configurar token correctamente |
|
|
|
### Error de Memoria |
|
- **Síntoma**: "Error de memoria GPU" |
|
- **Solución**: Reducir parámetros |
|
- **Prevención**: Usar configuraciones conservadoras |
|
|
|
### Timeout |
|
- **Síntoma**: "Timeout en la generación" |
|
- **Solución**: Usar modelo más rápido |
|
- **Prevención**: Optimizar parámetros |
|
|
|
## 📈 Métricas de Rendimiento |
|
|
|
### SVGDreamer |
|
- **Tiempo promedio**: 15-30 segundos |
|
- **Calidad**: Alta (escalable sin pérdida) |
|
- **Variedad**: Excelente (múltiples estilos) |
|
|
|
### Modelos Microsoft |
|
- **Tiempo promedio**: 10-20 segundos |
|
- **Calidad**: Especializada por dominio |
|
- **Variedad**: Específica por tipo |
|
|
|
## 🚀 Próximas Mejoras |
|
|
|
- [ ] Soporte para más estilos artísticos |
|
- [ ] Integración con editores SVG |
|
- [ ] Exportación a formatos adicionales |
|
- [ ] Optimización de velocidad |
|
- [ ] Más modelos especializados |
|
|
|
## 📞 Soporte |
|
|
|
Para problemas técnicos o sugerencias: |
|
- Revisar logs del Space |
|
- Verificar configuración de ZeroGPU |
|
- Consultar documentación de Hugging Face |
|
|
|
--- |
|
|
|
**🎨 ¡Disfruta creando gráficos vectoriales increíbles con IA!** |