Image Toolkit

Diseñé la arquitectura y desarrollé image-toolkit, una plataforma web de procesamiento de imágenes ejecutada completamente en el navegador, sin depender de cargas de archivos a servidor para los flujos principales. La solución fue construida con Next.js 16, React 19, TypeScript y Tailwind CSS, con una arquitectura modular orientada a herramientas reutilizables para compresión, conversión, redimensionado, recorte, ajuste visual, generación de iconos y eliminación de fondo. Implementé soporte para formatos como HEIC, JPG, PNG, WebP y AVIF, procesamiento por lotes con exportación ZIP, y optimizaciones de rendimiento mediante Web Workers, OffscreenCanvas y capacidades de WebGPU para tareas intensivas. Además, estructuré la aplicación con enfoque en privacidad, rendimiento client-side, mantenibilidad, escalabilidad funcional y SEO técnico.

Más detalle

• Construida con Next.js 16, React 19, TypeScript y Tailwind CSS como un kit modular de utilidades de un solo propósito, no como una suite de escritorio pesada.
• Soporte de formatos HEIC, JPG, PNG, WebP y AVIF; procesamiento por lotes con exportación ZIP para flujos multiarchivo.
• Ruta de rendimiento con Web Workers, OffscreenCanvas y WebGPU cuando está disponible, para transformaciones intensivas con previews y exportaciones en el dispositivo.
• También incluye flujos asistidos por IA (upscale, eliminación de fondo y objetos), generadores de favicon/iconos de app y guías editoriales para desarrolladores, diseñadores y marketing.