GUÍA / DIALZ™

Cómo va esto.

Qué hace cada dial, cómo usarlo y qué puedes sacar de ahí.

Unos resuelven tareas concretas. Otros están para trastear con imagen, vídeo y movimiento. Sube algo, ajústalo y saca el archivo.

Empezar

Dialz™ es un conjunto de herramientas de imagen, vídeo y dirección creativa que funcionan desde el navegador. No hace falta crear una cuenta.

Los dials actuales procesan los archivos principalmente en tu propio dispositivo. Cuando una herramienta necesita descargar una dependencia o utilizar un recurso externo, se indica de forma clara. Los resultados que exportas se descargan directamente a tu equipo.

Dialz™ es gratuito en su estado actual.

El rendimiento depende del navegador, del dispositivo y del archivo. Para los dials más pesados y los procesos de render en tiempo real, la experiencia suele ser más estable en ordenador.

UTILIDADES / SLIM

SLIM ◇

Reduce el peso de tus imágenes.

ACTIVO

Qué hace

Optimiza imágenes para web. Cambia el formato, ajusta la calidad y descarga una versión más ligera sin salir del navegador.

Cómo se usa

Sube una imagen, elige el formato de salida y ajusta la calidad con el deslizador. Descarga el resultado.

Entrada

Imágenes (JPG, PNG, WebP). Límite: 50 MB por archivo.

Salida

Una imagen optimizada en el formato que elijas: WebP, JPEG o PNG.

Procesamiento

Local. El archivo no sale de tu navegador.

Limitaciones

  • Máximo 50 MB por imagen.
  • No procesa vectores SVG.
Ir a SLIM
UTILIDADES / FRAME

FRAME ▣

Extrae fotogramas de vídeo.

ACTIVO

Qué hace

Abre un vídeo, navega por él y extrae los frames que quieras. También genera una hoja de contacto con todos los frames seleccionados.

Cómo se usa

Sube un vídeo, navega con la línea de tiempo, selecciona los frames que te interesen y descárgalos. Puedes descargar frames individuales en PNG o JPG, o generar una hoja de contacto en PNG con todos los seleccionados.

Entrada

Vídeo. Formatos compatibles según el navegador: generalmente MP4, WebM, y en algunos navegadores MOV.

Salida

  • Frames individuales: PNG o JPG por cada frame seleccionado.
  • Hoja de contacto: PNG con todos los frames en una cuadrícula.
  • No genera ZIP. Los frames se descargan uno a uno o como hoja de contacto.

Procesamiento

Local. El vídeo no sale de tu navegador.

Limitaciones

  • La compatibilidad de formatos depende del navegador y del códec del archivo. MP4 y WebM suelen ofrecer mejor compatibilidad; MOV puede no abrirse en todos los entornos.
  • No genera ZIP con múltiples frames. Si necesitas muchos, la hoja de contacto es la opción.
Ir a FRAME
MOVIMIENTO / DRIFT

DRIFT ≈

Convierte imagen y vídeo en geometría 3D.

ACTIVO · V4

Qué hace

Toma una imagen o un vídeo y los convierte en una composición viva hecha de puntos, líneas y capas en 3D. Combina varios presets visuales, ajusta parámetros y exporta el resultado como imagen o vídeo.

Cómo se usa

Sube una imagen o un vídeo. Elige un preset, ajusta las capas activas y los controles del panel. Exporta en PNG o graba en WebM.

Presets disponibles

Polvo, Malla, Rastro, Corriente, Contorno, Red, Código, Todo, Tracking, Vivo.

Entrada

Imagen o vídeo en un formato que el navegador pueda decodificar.

Salida

  • PNG del frame actual.
  • WebM grabado en tiempo real (vp9, 60fps, 12 Mbps).

Procesamiento

Local. Renderizado WebGL en tu navegador con Three.js. El archivo no sale de tu equipo.

Limitaciones

  • Requiere soporte WebGL.
  • El rendimiento depende del navegador, del dispositivo y de la complejidad del archivo.
  • No exporta MP4.
Ir a DRIFT
IMAGEN / GLITCH

GLITCH ▚

Rompe imágenes con efectos visuales.

ACTIVO

Qué hace

Aplica efectos de distorsión a imágenes y vídeos: RGB shift, pixel sort, slices, ruido, motion blur y más. Combínalos, ajústalos y exporta el resultado.

Cómo se usa

Sube una imagen o un vídeo (o activa el modo generativo sin fuente), activa los efectos que quieras, ajusta los parámetros y exporta.

Entrada

Imagen o vídeo en un formato compatible con el navegador, o modo generativo sin fuente.

Salida

  • PNG o JPG estático (selector en la UI).
  • WebM grabado (vp9, 4 Mbps, MediaRecorder).
  • GIF animado.

Procesamiento

Local. Canvas 2D + MediaRecorder en el navegador.

Limitaciones

  • WebM y GIF requieren que el navegador soporte las APIs necesarias. No disponible en todos los entornos.
Ir a GLITCH
MOVIMIENTO / RASTER

RASTER ▥

Procesa imagen y vídeo por celdas, tipo y color.

ACTIVO

Qué hace

Transforma imagen o vídeo en una composición por celdas: caracteres, bloques de color, iconos personalizados, cuadrículas. Incluye un sistema de detección automática de contenido que puede generar etiquetas para usar como base de celdas de texto.

Cómo se usa

Sube una imagen o un vídeo, elige el modo de procesamiento, ajusta los parámetros de celda y paleta, y exporta.

Entrada

  • Imagen (cualquier formato).
  • Vídeo (MP4, WebM, QuickTime, y otros compatibles con el navegador).
  • Icono personalizado para usar como celda.

Salida

  • PNG siempre disponible.
  • WebM condicional: disponible solo si el navegador soporta captureStream y MediaRecorder, la resolución del canvas es ≤ 1100×1100 píxeles, y la carga de render es ligera o media.

Procesamiento

Local. Canvas 2D en el navegador. La detección automática de contenido usa un modelo de visión artificial (vit-gpt2-image-captioning vía @huggingface/transformers) que se ejecuta localmente en un Web Worker, pero que se descarga desde CDN en la primera vez que se usa. El modelo puede quedar almacenado en caché tras la primera carga, pero el funcionamiento offline completo no se garantiza.

Limitaciones

  • El WebM no siempre está disponible. Si la resolución o la carga son altas, solo se puede exportar PNG.
  • La detección automática requiere descarga del modelo en la primera ejecución (~tiempo variable según conexión).
  • La detección puede tardar segundos o fallar si el navegador no soporta WebGPU ni WASM correctamente.
Ir a RASTER
DIRECCIÓN / PROOF

PROOF ◉

Genera un kit básico de marca desde tu logo.

BETA

Qué hace

Sube un logo y genera versiones, iconos, paleta de color extraída automáticamente, tokens CSS, lienzos en distintos formatos y una hoja proof. Todo ordenado en un ZIP listo para usar.

Cómo se usa

Sube el logo principal (PNG, JPG, WebP o SVG). Opcionalmente sube variantes adicionales (símbolo, versión clara, versión oscura). Previsualiza el kit en pantalla y exporta el ZIP.

Qué incluye el ZIP

  • Versiones del logo: positivo, negativo, monocromo negro y blanco, sobre fondo claro, oscuro y primario.
  • Iconos: favicon 32, favicon 64, avatar 512 y 1024, app icon 512.
  • Tokens CSS con la paleta extraída.
  • Lienzos: cuadrado, horizontal, story.

Entrada

PNG, JPG, WebP o SVG. Hasta cuatro archivos: logo principal, símbolo, versión clara, versión oscura.

Salida

ZIP ordenado con PNG, tokens.css, y SVG si se subió SVG.

Procesamiento

Local. Canvas API + JSZip en el navegador.

Nota BETA

PROOF está en fase beta. Algunas generaciones automáticas pueden no ser perfectas según el logo. Revisa el ZIP antes de usarlo.

Ir a PROOF
FAQ / DIALZ™

Dudas

¿Cuánto cuesta?

Dialz™ es gratuito. No hay plan de pago ni versión de prueba.

¿Hace falta crear una cuenta?

No. No hay registro, no hay login, no hay cuenta.

¿Mis archivos se guardan en algún servidor?

Dialz™ no funciona como almacenamiento en la nube. Los dials actuales procesan los archivos principalmente en tu navegador y los resultados se descargan en tu dispositivo. Cuando una función necesita una dependencia o recurso externo, se indica.

¿Los dials son completamente offline?

La mayoría sí. La excepción es RASTER con la función de detección automática: la primera vez que la usas descarga un modelo de IA desde una CDN externa. El modelo puede quedar almacenado en caché tras la primera carga, pero el funcionamiento offline completo no se garantiza. El resto de los dials no hace ninguna petición de red durante el uso.

¿Funciona en móvil?

Dialz™ tiene soporte móvil, pero la experiencia y el rendimiento dependen de la herramienta, del navegador y del dispositivo. Para los dials visuales más complejos y los archivos pesados se recomienda ordenador.

¿Qué navegador necesito?

Utiliza un navegador moderno. La compatibilidad de vídeo, WebGL, MediaRecorder y otras funciones cambia según el navegador y el dispositivo. Si una exportación falla, prueba otro navegador o reduce la resolución.

¿Puedo usar los resultados en trabajos comerciales?

Dialz™ no añade restricciones propias sobre los archivos exportados. Eres responsable de tener los derechos necesarios sobre el material que subes, transformas o descargas.

¿Qué significa BETA?

Que la herramienta está disponible pero aún puede tener errores, comportamientos inesperados o cambios importantes. En este momento PROOF tiene estado BETA.

¿Por qué no puedo exportar WebM en RASTER?

El WebM en RASTER solo está disponible cuando se cumplen tres condiciones: que el navegador soporte las APIs necesarias, que la resolución del canvas sea pequeña (≤ 1100×1100 px) y que la carga de render no sea alta. Si no se cumplen, solo puedes exportar PNG.

¿DOWNLINK descarga vídeos desde la web?

No directamente. DOWNLINK genera el comando de descarga para que lo ejecutes tú en el terminal de tu Mac o PC. Necesitas tener yt-dlp instalado en tu equipo.

¿Quién hay detrás?

Dialz™ es un proyecto de SamuDíaz®, director creativo andaluz.

Algo no funciona. ¿Dónde lo reporto?

Por ahora a través de los canales habituales de contacto con SamuDíaz®. No hay sistema de tickets público en este momento.