He creado esta potente aplicación web sin servidor (serverless) para revolucionar la forma en que los creadores de contenido y administradores web procesan sus imágenes. Su función principal es actuar como un motor de matriz cromática y un asistente de optimización SEO, permitiéndote subir una única fotografía y generar instantáneamente múltiples variaciones visuales basadas en parámetros matemáticos, todo de forma 100% local en tu navegador.
Puedes utilizar la herramienta desde aquí:
¿Qué problemas soluciona?
- La falta de privacidad y los tiempos de espera: Al funcionar íntegramente en tu navegador mediante WebAssembly y la API Canvas de HTML5, tu imagen nunca se envía a un servidor externo en la nube. Todo el pesado procesamiento ocurre utilizando los recursos de tu ordenador, garantizando una privacidad absoluta (ideal para fotos personales o productos no lanzados) y eliminando por completo los tiempos de carga o los costes de servidor.
- El tedio del ensayo y error manual: En lugar de aplicar un filtro, guardar y comparar en un editor tradicional de forma destructiva, aquí configuras rangos de variables (brillo, contraste, sombras) y la herramienta itera sobre todas las combinaciones posibles, creando una cuadrícula de pruebas automáticamente para que encuentres el «punto dulce» estético.
- El cuello de botella del SEO de imágenes: Rellenar manualmente los atributos alt, los títulos y los nombres de archivo para cada foto es un proceso lento y repetitivo. Esta herramienta soluciona esto conectándose con inteligencia artificial para generar todos estos metadatos por ti en cuestión de segundos.
- Imágenes pesadas que hunden tu WPO: Te permite salir directamente con formatos de nueva generación y colores indexados para que el archivo final sea lo más ligero posible, logrando que tu web cargue a la velocidad del rayo.
Funcionalidades clave
1. Formato y optimización web La base para garantizar un rendimiento óptimo en tu sitio. Permite seleccionar el formato de salida deseado, teniendo a tu disposición estándares modernos como WebP (opción por defecto por su excepcional compresión) o AVIF, además de los clásicos PNG y JPG.
- Control de dimensiones y peso: Incluye un limitador de resolución máxima (por ejemplo, 1080px) para evitar que el navegador colapse con ráfagas de imágenes enormes. Además, el sistema de reducción de colores (cuantización a 256 o 64 colores) actúa como un minimizador de peso integrado sin sacrificar la calidad visual que requiere el ojo humano.
2. Recorte e inteligencia artificial local Otorga un control quirúrgico sobre la composición y el fondo del sujeto fotográfico utilizando modelos neuronales que corren en tu propio dispositivo.
- Eliminación de fondo y auto-recorte: Permite quitar el fondo con un solo clic (dejándolo transparente o aplicando un color sólido/hexadecimal corporativo) y escanea inteligentemente los píxeles útiles para encuadrar al sujeto principal, añadiendo un margen de seguridad porcentual.
- Ajustes de precisión: Si la IA no acierta a la primera, dispones de deslizadores milimétricos de erosión, umbral de fondo y umbral de sujeto para refinar los bordes y eliminar el molesto halo de píxeles sobrantes.
3. Matriz cromática de generación por lotes El corazón creativo de la aplicación. En lugar de un solo deslizador por ajuste, configuras tres valores (inicio, fin y paso) para variables vitales como negros, blancos, brillo, contraste, saturación, nitidez, gamma y un filtro de belleza.
- Generación matemática masiva: Si le pides probar el brillo del 100% al 150% en saltos del 10%, la herramienta calculará y renderizará en un bucle oculto todas las imágenes únicas de esas combinaciones a la velocidad de tu tarjeta gráfica.
- Selección visual curada: La herramienta no fuerza la descarga de cientos de iteraciones. Se despliega una elegante cuadrícula donde haces clic individualmente en las fotografías ganadoras (marcadas con un borde azul) y descargas única y exclusivamente esa selección en un archivo ZIP limpio y ordenado.
4. Asistente SEO impulsado por Gemini Posiblemente la característica más inteligente del flujo de trabajo. Transforma una foto cruda en un activo digital impecable y posicionado sin salir de la pantalla.
- Generación automatizada de metadatos: Al introducir tu API Key y activar el módulo, la herramienta envía tu fotografía elegida al modelo de visión artificial (como Gemini 2.0 Flash) junto con los prompts que hayas configurado. En segundos, rellena de forma autónoma el nombre de archivo optimizado, el título descriptivo, el texto alternativo para accesibilidad y una descripción rica en contexto.
¿Cómo se usa? (Paso a paso)
Aplica la magia SEO y descarga: Antes de llevarte tus imágenes seleccionadas, utiliza el asistente de Gemini para que redacte el alt text, el nombre de archivo y el título perfectos para Google.
Sube tu archivo base: Carga la fotografía original con la que deseas empezar a trabajar.
Define la optimización: Elige en la primera tarjeta tu formato de salida (ej. WebP), la resolución máxima y si deseas aplicar reducción de colores para web.
Ajusta el fondo (opcional): Decide si necesitas que la IA elimine el fondo, recorte al sujeto automáticamente o si prefieres dejar la composición original.
Configura tu matriz: Establece los rangos de prueba en la matriz cromática para los colores y las luces. Revisa el contador dinámico para saber el volumen de imágenes que vas a generar.
Genera y filtra: Pulsa el botón azul de generar matriz. Haz clic sobre las variaciones que más te gusten en la cuadrícula inferior.
