ImageSplit — Generar · Dividir · Grilla

Herramienta web en un solo archivo para dividir imágenes en cuadrículas, generar imágenes con IA y crear composiciones en grilla. Funciona 100% en el navegador, sin backend propio.

✨ Características

1. Dividir

• Arrastra una imagen (PNG/JPEG) o haz clic para seleccionarla.
• Define filas y columnas (1–20) y divide la imagen en piezas exactas.
• Descarga cada pieza como PNG o todas juntas en un ZIP.
• Los resultados se conservan al recargar (persistencia en IndexedDB).

2. Dividir avanzado

• Recorta la imagen en grillas de 2x2, 2x3, 3x2 y 3x3.
• Escalado con IA antes de recortar: Recortar 2K (x2) y Recortar 3K (x4) usando ESRGAN (TensorFlow.js + UpscalerJS).
• Barra de progreso durante el upscaling y descarga en ZIP.

3. Generar (IA — Pollinations)

• Prompt + Prompt del Sistema (se antepone al prompt).
• Proveedor Pollinations o Worker Personalizado.
• Modelos: flux, sana, gptimage, gpt-image-2, kontext, nanobanana, seedream5, ideogram-v4, zimage, wan-image, qwen-image, grok-imagine, klein, nova-canvas y más.
• Dimensiones (512–2048), semilla reproducible y lote (1–20 imágenes).
• Campo API Key de Pollinations (sk_... o pk_...) con validación automática: muestra el saldo de la key o un indicador de key válida.
• Descarga individual en PNG o de todo el lote en ZIP; persistencia en IndexedDB.

4. Generar grilla (Muchas imágenes en una)

• Escribe un tema y elige uno de 30 estilos artísticos.
• Grilla de 2x2, 3x3 o 4x4 (4, 9 o 16 paneles).
• La app genera variaciones del tema y las compone en una sola imagen estilo grilla de cómic.
• Resolución 1K (1024×1024) o 2K (2048×2048).
• Gestión de API Key (BYOP): vincular con OAuth desde enter.pollinations.ai o pegar la key directamente.
• Descarga la imagen individual o una grilla HTML con todos los paneles generados.

🚀 Inicio rápido

Opción 1 — Script incluido (Windows)

Ejecuta start.ps1. Lanza un servidor local en http://127.0.0.1:8123 y abre el navegador.

powershell -ExecutionPolicy Bypass -File .\start.ps1

Requiere Python instalado (usa python o py). Para detener el servidor: cierra el proceso de Python.

Opción 2 — Sin servidor

Abre directamente index.html con VS Code Live Server (recomendado) o en el navegador. Se recomienda servirla por HTTP para evitar límites de file://.

🔑 API Key de Pollinations

1. Crea una key en enter.pollinations.ai/keys.
2. Tipos de key:
   • sk_... — key secreta (uso de servidor/backend).
   • pk_... — key pública para navegadores, ideal para esta app.
3. Pégala en el campo API Key de la pestaña Generar, o vincula la cuenta en Generar grilla (botón 🤖 Vincular).

Nota: el saldo completo de la cuenta solo se muestra si la key tiene el permiso account:usage o un presupuesto propio. Sin ello, la app muestra la key como válida, que es lo que importa para generar.

📁 Estructura

ImageSplit/
├── index.html          # App principal (4 pestañas)
├── styles.css          # Estilos de la app principal
├── jszip.min.js        # Librería para crear archivos ZIP
├── start.ps1           # Inicio en un clic (servidor Python)
├── README.md
├── .vscode/
│   └── settings.json   # Configuración del editor
└── Recortes/
    ├── index.html      # "Dividir avanzado" (grillas + upscaling IA)
    ├── recortes2.html  # "Generar grilla" (Muchas imágenes en una)
    └── images/         # Recursos de las sub-apps

⚙️ Requisitos

• Navegador moderno (Chrome, Edge, Firefox) con indexedDB, crypto.randomUUID() y Canvas.
• Conexión a internet para usar la API de Pollinations y para las librerías CDN de las sub-apps de Recortes (JSZip, TensorFlow.js, UpscalerJS/ESRGAN).
• Python (solo para start.ps1).

ℹ️ Notas

• La generación de imágenes usa gen.pollinations.ai (endpoints GET /image/... y GET /account/key para validar la key).
• Sin API Key, las imágenes se generan con los límites del plan gratuito de Pollinations.
• Las imágenes generadas y los recortes se guardan localmente en el navegador (IndexedDB), nunca se suben a ningún servidor propio.