ClearCut v2.0: Construyendo el estudio de edición del futuro
Han pasado 18 meses desde que lanzamos la primera versión de ClearCut. Cuando empezamos, teníamos una convicción simple pero radical: las herramientas de edición de imágenes no deberían requerir que el usuario suba sus archivos a servidores ajenos. Cada imagen que procesas a través de un servicio en la nube es un archivo que potencialmente puede ser almacenado, analizado o utilizado para entrenar modelos de terceros. Para un diseñador con contenido bajo NDA, un fotógrafo con imágenes sensibles de clientes, o simplemente una persona que valora su privacidad, eso es inaceptable.
Con ClearCut v2.0, no solo cumplimos esa promesa original, sino que la llevamos a un nivel que hace unos años hubiera parecido ciencia ficción: modelos de Inteligencia Artificial completos ejecutándose dentro de tu navegador, utilizando el hardware de tu propio dispositivo.
El reto técnico: IA en el navegador, ¿cómo es posible?
Para entender lo que hemos logrado, es importante comprender el problema técnico que había que resolver.
El obstáculo tradicional
Los modelos de Machine Learning modernos son computacionalmente intensivos. Un modelo de segmentación de imágenes de calidad profesional puede tener decenas de millones de parámetros y requerir operaciones matriciales masivas para cada inferencia. Históricamente, el navegador web era completamente inadecuado para esta tarea: lento, sin acceso al hardware especializado y con restricciones de memoria severas.
La solución hasta hoy era obvia pero costosa en términos de privacidad: enviar la imagen a un servidor con GPUs especializadas, procesar allí y devolver el resultado. Millones de imágenes viajando a través de internet cada día.
La revolución: WebAssembly + WebGPU
WebAssembly (Wasm) es una tecnología que permite ejecutar código de bajo nivel (compilado desde C++, Rust o Go) directamente en el navegador, con una velocidad de ejecución cercana al código nativo. Frameworks como ONNX Runtime Web y TensorFlow.js han aprovechado Wasm para ejecutar modelos de ML en el cliente.
WebGPU es el siguiente salto. Aprobado como estándar web en 2023 y con soporte generalizado desde 2024, WebGPU proporciona acceso de bajo nivel a la GPU del dispositivo desde el navegador. Esto significa que la misma aceleración por hardware que antes solo era posible en aplicaciones nativas ahora está disponible en una página web.
La combinación es poderosa: nuestros modelos de IA, compilados a WebAssembly y ejecutados a través de WebGPU, alcanzan velocidades de inferencia que compiten con las soluciones en la nube, pero con cero latencia de red y total privacidad.
Optimización de modelos para el edge
No podemos simplemente tomar un modelo de 500MB diseñado para GPUs de servidor y ejecutarlo en un navegador. El proceso de adaptación es una ingeniería compleja que incluye:
- Cuantización del modelo: Reducir la precisión de los pesos del modelo de 32-bit float (FP32) a 8-bit integer (INT8) o incluso 4-bit. Se pierde algo de precisión, pero el modelo pasa de 200MB a 50MB con una degradación de calidad mínima y perceptible.
- Poda (Pruning): Eliminar las conexiones neuronales de menor importancia del modelo, reduciendo su complejidad sin impacto notable en la calidad del resultado.
- Distilación del conocimiento: Entrenar un modelo más pequeño (el "estudiante") para que imite el comportamiento de un modelo grande (el "profesor"), transfiriendo el conocimiento de manera comprimida.
El resultado de este proceso en ClearCut v2.0 son modelos que pesan entre 15MB y 80MB, se descargan una sola vez, se cachean en el navegador, y posteriormente funcionan de manera completamente offline.
Las nuevas herramientas de ClearCut v2.0
Borrador Mágico: Eliminación de objetos con reconstrucción de fondo
La herramienta más esperada por nuestra comunidad. La "eliminación de objetos" o "content-aware fill" ha existido en herramientas de escritorio como Photoshop durante años, pero implementarla en el navegador de manera privada y sin costo es un desafío diferente.
Cómo funciona:
- Selección del área: El usuario pinta sobre el objeto que desea eliminar usando nuestro pincel de selección. El sistema sugiere automáticamente los bordes del objeto seleccionado.
- Análisis contextual: El modelo de IA analiza el contenido alrededor del área seleccionada: texturas, patrones, colores e iluminación.
- Reconstrucción generativa: Utilizando técnicas de inpainting basadas en modelos de difusión comprimidos, el modelo "adivina" y sintetiza lo que debería haber detrás del objeto eliminado, creando una reconstrucción visualmente coherente.
Casos de uso reales:
- Eliminar personas no deseadas de fotos de turismo
- Remover objetos de fotos de producto (etiquetas, arrugas, reflejos)
- Limpiar el fondo de fotos de inmuebles (enchufes, cables visibles)
- Corregir errores de sesión sin necesidad de refotrografiar
¿Qué no puede hacer? El borrador mágico tiene sus límites. Reconstruir grandes áreas con texturas complejas y no repetitivas (como una multitud de personas) sigue siendo un desafío. Los mejores resultados se obtienen en áreas relativamente pequeñas sobre fondos de textura uniforme o periódica.
Optimizador de SVG: Del caos al código limpio
Los archivos SVG exportados desde herramientas de diseño vectorial (Figma, Illustrator, Sketch) son, con frecuencia, desastres de código. Contienen:
- Metadatos innecesarios del editor (capas ocultas, definiciones de fuentes no usadas)
- Transformaciones sin simplificar (
transform="translate(100, 50) rotate(45)"en lugar de la coordenada directa) - Rutas redundantes con puntos de control duplicados
- IDs generados automáticamente que no aportan semántica
- Grupos vacíos y elementos fuera del viewport
Todo esto se traduce en archivos SVG que pesan 5 o 10 veces más de lo necesario, degradando el rendimiento web.
Nuestro optimizador aplica más de 40 transformaciones distintas:
- Elimina metadatos y comentarios innecesarios
- Convierte formas primitivas (
rect,circle) en su representación más eficiente - Simplifica rutas aplicando el algoritmo de Ramer-Douglas-Peucker con tolerancia configurable
- Combina transformaciones en valores de coordenadas directos
- Aplica compresión de IDs (los reemplaza con identificadores más cortos)
- Elimina atributos con valores que coinciden con los defaults del estándar SVG
Resultado típico: Reducción del tamaño de archivo del 50-70%, con una diferencia visual imperceptible a ojo humano.
Limpieza de Metadatos EXIF: Tu privacidad, restaurada
Cuando fotografías algo con tu smartphone, la imagen no contiene únicamente los píxeles que ves. Incrustado de manera invisible en el archivo existe un bloque de datos llamado EXIF (Exchangeable Image File Format) que puede revelar:
- Coordenadas GPS: Latitud y longitud exactas donde fue tomada la foto, con precisión de metros.
- Marca y modelo del dispositivo: iPhone 16 Pro, Samsung Galaxy S25, etc.
- Fecha y hora exactas: Hasta el segundo.
- Configuración de cámara: Apertura, velocidad de obturación, ISO.
- Software de edición: Qué herramienta usaste para procesar la imagen.
- Nombre del propietario o del artista: Si está configurado en el dispositivo.
Esta información es un tesoro para actores malintencionados. Si publicas una fotografía tomada en tu hogar en redes sociales, alguien con los conocimientos técnicos adecuados puede extraer tu dirección exacta en segundos.
Nuestra herramienta de limpieza EXIF ofrece:
- Limpieza total: Elimina todos los metadatos con un clic.
- Limpieza selectiva: Elige exactamente qué campos eliminar. Por ejemplo, puedes querer conservar los derechos de autor pero eliminar la ubicación GPS.
- Vista previa de metadatos: Antes de limpiar, inspecciona exactamente qué información contiene tu imagen.
- Procesamiento en lote: Limpia decenas de imágenes simultáneamente.
ClearCut v2.0 Performance: Los números
| Métrica | v1.0 | v2.0 | Mejora |
|---|---|---|---|
| Tiempo de carga inicial | 3.2s | 1.9s | -40% |
| Tiempo de procesamiento (512px) | 1800ms | 320ms | -82% |
| Tiempo de procesamiento (2048px) | N/A | 890ms | Nuevo |
| Uso de RAM (peak) | 480MB | 210MB | -56% |
| Puntuación Lighthouse Performance | 72 | 96 | +33% |
El principio de Privacidad por Diseño (Privacy by Design)
Antes de cerrar, queremos hablar de algo que va más allá de las características técnicas. La privacidad no es una característica de ClearCut; es su arquitectura fundamental.
El concepto de Privacy by Design, acuñado por la Dra. Ann Cavoukian en los años 90 y hoy elevado a requisito legal en múltiples jurisdicciones (GDPR en Europa, CCPA en California), establece que la protección de la privacidad debe ser incorporada en el diseño del sistema desde el principio, no añadida como un parche al final.
En ClearCut v2.0, esto significa:
- Cero telemetría de imágenes: Nunca sabemos qué imágenes procesas.
- Modelo de negocio sin datos: Nuestro modelo de negocio no depende de la monetización de los datos de nuestros usuarios.
- Código abierto: Nuestro código es auditable públicamente. No tienes que confiar en nuestra palabra.
- Funcionalidad offline: Una vez cargados los modelos, la herramienta funciona sin conexión a internet. Tu trabajo no puede ser interceptado en tránsito porque no hay tránsito.
ClearCut v2.0 no es solo una actualización de software. Es la concreción de una visión: que las herramientas creativas más potentes del mundo no deben costar la privacidad de quienes las usan.