KiloBye 👾 // Multimedia Optimization Suite

Make it smol. Compresión de Imágenes y Vídeo extrema. Privacidad total. Estética Arcade. Press Start to Compress.

🎮 De qué va esto

KiloBye ha evolucionado. Ya no es solo un compresor de imágenes; es una Suite de Optimización Multimedia "Privacy-First".

A diferencia de las herramientas online que te roban los datos, KiloBye utiliza WebAssembly (WASM) para ejecutar motores de compresión potentes directamente en tu navegador. Tus fotos y vídeos NUNCA salen de tu dispositivo.

Arquitectura "Dual-Engine" ⚙️

El sistema decide inteligentemente qué motor utilizar para maximizar el rendimiento:

1. Light Engine (Imágenes): Procesamiento instantáneo vía Canvas y browser-image-compression.
2. Heavy Engine (Vídeo): Carga perezosa (Lazy Load) de FFmpeg.wasm. El núcleo de procesamiento de vídeo (~30MB) solo se descarga si el usuario activa el "Modo Vídeo", ahorrando datos y memoria inicial.

✨ Características (Features)

📸 Image Mode

• Formatos: JPG, PNG, WEBP.
• Batch Processing: Arrastra 50 fotos y procésalas en paralelo.
• Smart Resize: Redimensionado automático a 1920px (o personalizado).
• Conversión: Cambia de formato al vuelo (ej: PNG a WEBP).

📹 Video Mode (NEW)

• Motor FFmpeg: La potencia del estándar de la industria, ahora en tu navegador.
• Control Total: Tú decides la Resolución (1080p, 720p...), los FPS (30/60) y la Calidad (CRF).
• Turbo Preset: Configurado con ultrafast para minimizar el tiempo de espera.
• Barra de Progreso Real: Feedback visual del renderizado frame a frame.

🎨 UX & Core

• Privacidad Total: Arquitectura 100% Client-Side.
• Arcade UI: Interfaz Pixel Art con sombras duras y tipografía VT323.
• Game Feel: Efectos de sonido satisfactorios (ASMR retro) y confetti pixelado.
• Mobile First: Diseño responsive adaptado a cualquier pantalla.
• Exportación ZIP: Descarga todo tu lote comprimido en un solo click.

🚀 Tecnologías (The Stack)

Construido con ingeniería moderna de 2026:

• Core: Next.js 16 (App Router)
• Lenguaje: TypeScript (Strict Mode)
• Video Engine: @ffmpeg/ffmpeg + WebAssembly (WASM) + SharedArrayBuffer
• Image Engine: browser-image-compression + Web Workers
• Estado: Zustand (con persistencia local y lazy init)
• Estilos: Tailwind CSS v4 + Shadcn/UI + Framer Motion
• Audio: use-sound (SFX 8-bit)

🛠️ Instalación local

Para correr esto necesitas un entorno que soporte SharedArrayBuffer (necesario para FFmpeg).

# 1. Clonar el repo
git clone https://github.com/EdvinCodes/kilobye.git

# 2. Entrar
cd kilobye

# 3. Instalar dependencias
pnpm install

# 4. Arrancar servidor de desarrollo
pnpm dev

Abre http://localhost:3000.

Nota para Devs: El archivo next.config.mjs ya incluye los headers de seguridad (Cross-Origin-Opener-Policy y Cross-Origin-Embedder-Policy) necesarios para que WASM funcione correctamente.

---

ENGINEERED BY EDVIN CODES

KILOBYE © 2026