Utilitarios

Unir dos PDF, bajarle el peso a una foto o generar un código QR son tareas de dos minutos que casi todo el mundo resuelve en sitios que piden subir el archivo, muestran anuncios invasivos y ponen límites de uso diario. Utilitarios nació para hacer esas mismas tareas sin que el archivo salga nunca del dispositivo de la persona.

El problema

Los sitios de herramientas más populares funcionan todos igual: subes el documento, su servidor lo procesa y te lo devuelve. Para un contrato, una boleta o una foto personal, eso significa entregar el contenido a un tercero sin saber qué hace con él. Además, el hosting donde corre este catálogo tiene un límite de subida de archivos y no cuenta con ffmpeg, OCR ni LibreOffice, así que procesar en el servidor tampoco era una opción realista.

Cómo se construyó

El sitio es Astro con salida estática: el servidor solo entrega HTML, CSS y JavaScript, sin ningún proceso de aplicación corriendo. Todo el trabajo pesado ocurre en la pestaña del usuario con pdf-lib, pdf.js y Canvas. Para que la primera carga sea liviana, las librerías grandes se descargan recién al pulsar el botón de procesar: la página de Unir PDF arranca con unos 21 KB de JavaScript y los más de 400 KB de la librería llegan solo si de verdad se van a usar.

Cada herramienta es una página independiente, con su propia URL, título, instrucciones, preguntas frecuentes y datos estructurados. La sensación de aplicación la dan las View Transitions del navegador, sin convertir el sitio en una SPA que los buscadores leen peor.

Diseño: una app, no una página con botones

La interfaz se pensó como aplicación desde el primer día: barra lateral en escritorio, pestañas abajo en el celular, tema claro y oscuro, y áreas seguras para el notch. Se puede instalar como PWA y funciona sin conexión una vez cargada. En las herramientas de imagen, el color de acento se recalcula a partir del color dominante de la foto que cargas, buscando por iteración la luminosidad que mantiene el contraste legible.

El contraste no se ajustó a ojo. Un script verifica 32 pares de colores contra WCAG AA antes de tocar cualquier color, porque la primera paleta oscura tenía tarjetas prácticamente invisibles contra el fondo.

Accesibilidad y calidad

Antes del primer despliegue pasó por una auditoría completa: seguridad, dependencias, enlaces, SEO y accesibilidad. De ahí salieron cambios reales, como que los selectores de formato expongan su estado a lectores de pantalla y que reordenar archivos en Unir PDF se pueda hacer con el teclado y no solo arrastrando con el mouse.

Estado actual

Utilitarios está en producción con 20 herramientas en tres grupos: PDF, imágenes y texto. Se despliega solo con cada cambio aprobado en el repositorio. Puedes ver la lista completa con una descripción de cada una en Herramientas.