Hace una década, editar una imagen en un sitio web significaba subirla, esperar a que un servidor hiciera el trabajo y descargar el resultado. Hoy un navegador puede comprimir una foto de 30 MB, convertir un PNG a WebP o redimensionar un lote de imágenes sin contactar nunca con un servidor. Dos tecnologías hicieron posible ese cambio: Canvas y WebAssembly. Ninguna es misteriosa una vez que ves lo que hace cada una.
Canvas: una superficie de dibujo con acceso a nivel de píxel
Todos los navegadores modernos incluyen la API Canvas — un rectángulo en blanco sobre el que puedes dibujar con JavaScript. Su verdadero poder para las herramientas de imagen no es dibujar formas; es que Canvas da al código acceso directo a los píxeles individuales de una imagen.
Cuando cargas una foto en un canvas, el navegador entrega a tu código un array de números: los valores de rojo, verde, azul y alfa (transparencia) de cada píxel. A partir de ahí, las operaciones habituales se vuelven sencillas:
- Redimensionar significa muestrear esa cuadrícula de píxeles en una más pequeña o más grande.
- Recortar significa copiar una región rectangular en un nuevo canvas.
- Girar y voltear son transformaciones geométricas aplicadas antes de dibujar.
- La conversión de formato ocurre cuando exportas el canvas — pide un JPEG, un PNG o un WebP y el navegador codifica los píxeles en consecuencia.
Todo esto funciona en tu propio dispositivo, usando tu CPU y, cuando está disponible, tu GPU. Nada se sube, porque los píxeles nunca salen de la página. Por eso el Convertidor de imágenes puede convertir un PNG en un WebP en el instante en que lo sueltas — no hay un viaje de ida y vuelta que esperar.
WebAssembly: velocidad casi nativa dentro del navegador
Canvas maneja las transformaciones habituales, pero algunos trabajos necesitan músculo computacional serio — codificación de JPEG de alta calidad, optimización de PNG, ejecutar un modelo de IA para recortar un fondo. JavaScript por sí solo puede ser demasiado lento para estos. Ahí es donde entra WebAssembly (a menudo abreviado como Wasm).
WebAssembly es un formato compacto y de bajo nivel que los navegadores pueden ejecutar a una velocidad cercana a la nativa. Los desarrolladores toman código rápido y probado en batalla escrito en lenguajes como C, C++ o Rust — las mismas bibliotecas que impulsan el software de imagen de escritorio — y lo compilan a Wasm. El navegador entonces ejecuta ese código en un entorno ajustado y aislado, mucho más rápido que el JavaScript equivalente.
En la práctica esto significa que una pestaña del navegador ahora puede hacer trabajo que antes requería un servidor o una app de escritorio: codificar imágenes con compresión de nivel profesional, eliminar metadatos o ejecutar una red neuronal para la eliminación de fondos — todo localmente.
Por qué el procesamiento local es privado y rápido a la vez
Junta Canvas y WebAssembly y los beneficios salen de forma natural.
La privacidad es estructural, no una promesa. Como los píxeles se quedan en la página y el procesamiento funciona en tu CPU, no hay paso de subida. No hay una copia en servidor de tu archivo que almacenar, registrar, cachear o entrenar — porque el archivo nunca se transmitió. No tienes que fiarte de una política de privacidad; puedes verificarlo activando el modo avión y viendo cómo la herramienta sigue funcionando.
La velocidad viene de eliminar la red por completo. El paso más lento de una herramienta de servidor suele ser transportar tu archivo hacia arriba y de vuelta abajo. Quita eso, y una foto de 40 MB se procesa más o menos tan rápido como una de 40 KB. Tampoco hay cola — tu dispositivo trabaja solo en tu imagen, no en las de otras miles de personas.
Hay un extra que la mayoría no espera: como toda la herramienta es solo código y recursos, un navegador puede cachearla. IMG.DIY es una PWA con un service worker, así que tras tu primera visita las herramientas se almacenan en tu dispositivo y siguen funcionando sin conexión — en modo avión, en un avión, en cualquier parte. Comprimir y convertir no necesitan conexión en absoluto.
Las contrapartidas, honestamente
El procesamiento en el navegador no es magia y no está libre de límites. Los lotes muy grandes pueden forzar la memoria de un teléfono de gama baja, ya que el trabajo usa los recursos de tu dispositivo en lugar de los de un centro de datos. Y unas cuantas funciones necesitan de verdad la red — cualquier cosa que llame a un servicio externo, como una auditoría de velocidad de página, no puede funcionar sin conexión. La eliminación de fondos es un caso intermedio: funciona localmente, pero solo tras una descarga única del archivo del modelo.
Para los trabajos de a diario, sin embargo — comprimir, convertir, redimensionar, recortar, girar — el navegador es ahora un taller de imagen completo, privado y rápido que resulta que vive en una pestaña. Sin subida, sin servidor, sin esperas.