Tolva

Conversión y edición de imágenes y vídeo, 100 % en el navegador.

Tolva es una aplicación web que convierte, comprime y edita imágenes y vídeo sin subir nada a ningún servidor. Todo el procesado ocurre en el dispositivo del usuario: decodificación, transformaciones y codificación se ejecutan en Web Workers con WebCodecs, WebAssembly y canvas.

La promesa de privacidad no es una política, es una propiedad estructural: la aplicación se compila a una exportación estática (output: 'export') y no existe ningún endpoint al que subir un fichero.

Por qué existe

• Squoosh demuestra que el cliente basta, pero se queda en una sola imagen y sin vídeo.
• Los conversores de servidor (TinyPNG, iLoveIMG, CloudConvert) tienen el alcance pero imponen límites de tamaño y cantidad, porque cada fichero les cuesta dinero.
• Tolva hace lote y vídeo sin límite de tamaño: el coste marginal de un fichero es cero, porque el fichero nunca sale del navegador.

Funcionalidad

• Imagen: conversión entre JPEG, PNG, WebP, AVIF, JPEG XL, GIF, BMP y TIFF; recorte (libre, con proporciones y presets de redes), redimensionado (Lanczos), rotación y volteos, ajustes (brillo, contraste, saturación, temperatura, escala de grises), marca de agua, comparador antes/después y lote en ZIP.
• Vídeo: conversión y recodificación (MP4, WebM, MOV, MKV, GIF), presets con nombre, trim con precisión de frame, recorte de encuadre y cambio de proporción, vídeo ↔ GIF, extracción de audio y de fotogramas, silenciar pista, cambio de velocidad.
• Privacidad por construcción: sin backend, CSP estricta, aislamiento de origen (COOP/COEP), y un test E2E que verifica que durante una conversión no sale ni una sola petición del dispositivo.

Stack

Next.js 16 (export estático) · React 19 · TypeScript (strict) · Tailwind CSS v4 · Zustand · Comlink (workers) · Mediabunny (vídeo, MPL-2.0) · jSquash (códecs WASM, Apache-2.0) · Vitest · Playwright.

Ver docs/RESEARCH.md para la investigación previa y docs/LEGAL_DECISIONS.md para las decisiones legales y de licencias.

Empezar

Requisitos: Node 22+ (LTS) y npm.

npm ci          # instala dependencias (se verifica su licencia con la skill licencias-permisivas)
npm run dev     # arranca en http://localhost:3000
npm run build   # build estático en out/

Scripts

Comando	Descripción
npm run dev	Servidor de desarrollo
npm run build	Build estático (out/)
npm run lint / typecheck	ESLint / TypeScript
npm run test:unit	Tests unitarios (Vitest)
npm run test:e2e	Tests E2E (Playwright)
npm run licenses:check	Guardián de licencias (falla ante GPL/AGPL/LGPL/etc.)
npm run notices:generate / notices:check	Avisos de terceros
npm run size	Presupuesto de bundle

Contribuir

Las ramas main y staging están protegidas: el trabajo entra por PR con CI en verde. Antes de añadir una dependencia hay que verificarla con la skill licencias-permisivas. Ver CONTRIBUTING.md.

Licencia

MIT. Ver LICENSE. Los avisos y licencias de las dependencias de terceros están en THIRD_PARTY_NOTICES.md y en la página /licencias de la propia aplicación.