Pizarra para dibujar online

Qué puedes hacer aquí

• Dibujar a mano alzada con ratón, panel táctil, dedo o lápiz compatible.
• Escoger cualquier color y un grosor entre 1 y 48 píxeles.
• Borrar pintando en blanco sobre el lienzo, que siempre tiene fondo blanco.
• Deshacer trazos recientes dentro de un historial limitado a treinta estados.
• Vaciar toda la pizarra después de una confirmación.
• Descargar el estado visible como archivo PNG de 960 × 560 píxeles.

Respuesta rápida: cómo dibujar online y guardar el resultado

Elige un color, ajusta el grosor y arrastra sobre el lienzo. Un clic o toque breve crea un punto; al desplazar el puntero se forma un trazo continuo. La opción Goma no recorta ni vuelve transparente la imagen: cubre lo dibujado con blanco. Cuando termines, pulsa Descargar PNG antes de abandonar la página. El archivo conserva las dimensiones internas de 960 por 560 píxeles aunque el lienzo se vea más pequeño en un móvil.

Deshacer vuelve al estado anterior a un trazo completo. No elimina solamente el último segmento del movimiento. El historial guarda como máximo treinta estados para limitar el uso de memoria; después de ese límite, los estados más antiguos dejan de estar disponibles. Borrar todo también crea un estado, de modo que puedes deshacer inmediatamente si confirmaste por error, siempre que no recargues la página.

• Color oscuro y grosor de 4 a 8 px: notas y esquemas legibles.
• Grosor de 1 a 3 px: detalles pequeños en una pantalla grande.
• Grosor de 16 px o más: títulos, marcas visibles y relleno manual.
• Descarga antes de recargar, cerrar o seguir un enlace.

Qué tipo de pizarra es y qué no pretende sustituir

Es un bloc de dibujo individual y temporal. Sirve cuando necesitas convertir una idea en líneas sin instalar una aplicación: una flecha sobre un esquema, la distribución inicial de una diapositiva, una firma de muestra que no tenga valor contractual, una explicación geométrica o una miniatura para recordar una composición. La interfaz evita capas, cuentas y paneles complejos para que el primer trazo sea inmediato.

No es una pizarra colaborativa. No genera un enlace compartido, no sincroniza cursores, no permite que dos personas editen el mismo lienzo y no conserva versiones en un servidor. Tampoco ofrece texto editable, figuras geométricas, relleno automático, selección de objetos, capas, vectores SVG o importación de imágenes. Si necesitas líneas y formas con medidas, utiliza CAD 2D; si necesitas procesos conectados, usa el creador de diagramas de flujo.

Para trazar líneas, rectángulos y medidas con mayor precisión, abre CAD 2D online .

Ratón, dedo y lápiz: cómo interpreta el navegador cada trazo

La herramienta usa Pointer Events, el modelo web que reúne ratón, tacto y lápiz bajo los mismos eventos de puntero. Al comenzar, el lienzo captura ese puntero para seguir recibiendo movimientos hasta que levantas el dedo o el lápiz. La propiedad touch-action está desactivada dentro del lienzo para que un gesto de dibujo no se convierta a mitad del trazo en desplazamiento o zoom de la página.

La coordenada visible se escala a la resolución interna del lienzo. Esto permite dibujar en una versión reducida en el teléfono y exportar el tamaño completo. La precisión real depende del dispositivo: un dedo cubre más superficie que un lápiz y algunos paneles táctiles filtran movimientos breves. El grosor no responde a la presión; siempre usa el valor elegido. Para una línea lenta y limpia, amplía la página si lo necesitas y usa un grosor moderado.

Método práctico para un boceto que se entienda

Empieza por la estructura y no por el detalle. Marca primero los límites, los bloques principales y la dirección de lectura con un color oscuro. Añade un segundo color solo para distinguir una categoría concreta, una corrección o el elemento que debe atraer la atención. Si todo tiene un color distinto, el lector tendrá que descifrar la leyenda antes de entender la idea.

Deja márgenes alrededor del dibujo porque el PNG incluye todo el lienzo, no recorta automáticamente la zona usada. Escribe con trazos grandes si el archivo se verá luego como miniatura. Antes de descargar, comprueba que la goma no haya ocultado parte de una línea contigua y que el contraste funcione sobre fondo blanco. Si necesitas varias variantes, descarga cada una con un nombre propio después de mover el archivo a una carpeta; la página siempre propone el mismo nombre localizado.

• Define qué debe comprender otra persona en cinco segundos.
• Dibuja primero contornos, después relaciones y al final detalles.
• Usa flechas con punta clara para evitar direcciones ambiguas.
• Comprueba el PNG descargado antes de borrar el lienzo.

PNG, resolución, fondo blanco y calidad de exportación

PNG es apropiado para líneas, texto dibujado y áreas de color plano porque no introduce los bloques de compresión típicos de JPEG. El archivo se genera con HTMLCanvasElement.toDataURL en el propio navegador. El fondo se rellena de blanco desde el inicio y cada vez que se restaura un estado, por lo que el PNG no tiene transparencia. La goma coincide con ese fondo y no crea un canal alfa.

La resolución de 960 × 560 es suficiente para notas visuales y documentos de pantalla, pero no equivale a un original vectorial. Si amplías mucho el PNG, las líneas pueden pixelarse. El tamaño de impresión depende de la densidad elegida en el programa de destino: a 96 ppp ronda 25,4 × 14,8 cm; a 300 ppp ronda 8,1 × 4,7 cm. Son conversiones físicas orientativas, no una propiedad incrustada que garantice cómo imprimirá cada aplicación.

Privacidad, pérdida de datos y uso responsable

Los trazos permanecen en memoria dentro de esta pestaña y la descarga se genera localmente. FunnyTools no recibe la imagen. Esa privacidad también implica que no existe una copia de seguridad en la cuenta del sitio: recargar, cerrar la pestaña, agotar memoria o sufrir un cierre del navegador puede borrar el trabajo. Para algo que no quieras repetir, descarga versiones intermedias.

No dibujes ni pegues información personal, médica, financiera o de acceso si después vas a compartir el archivo sin revisar. Una captura aparentemente inocente puede contener nombres, firmas, direcciones o datos de una clase. La pizarra no elimina metadatos de archivos porque no importa ninguno, pero el nombre y la carpeta de descarga dependen del dispositivo. Comprueba el destino antes de enviar el PNG a otra persona.

Cómo utilizarla paso a paso

1. Elige Color del pincel y mueve el control de Grosor hasta el valor deseado entre 1 y 48 píxeles.
2. Dibuja sobre el lienzo blanco con ratón, dedo o lápiz. Un toque breve deja un punto.
3. Activa Goma para cubrir trazos con blanco; desactívala para volver al color seleccionado.
4. Pulsa Deshacer para recuperar el estado anterior al último trazo. Se conservan hasta treinta estados.
5. Usa Borrar y confirma solo si quieres dejar todo el lienzo en blanco.
6. Pulsa Descargar PNG y abre el archivo pizarra-dibujo.png para comprobarlo antes de cerrar la página.

Situaciones en las que resulta útil

• Esbozar la posición de título, imagen y llamada a la acción de una diapositiva.
• Explicar una fracción, un ángulo o una relación espacial durante una videollamada compartiendo pantalla.
• Dibujar una ruta sencilla con puntos de referencia y descargarla para enviarla por mensajería.
• Preparar una miniatura visual antes de pasar el diseño a una aplicación con capas.
• Anotar a mano una secuencia breve de ideas sin abrir una cuenta de pizarra colaborativa.

Ejemplos completos

Límites y comprobaciones importantes

• No hay guardado automático ni recuperación después de cerrar o recargar.
• La goma pinta de blanco; no crea transparencia.
• Deshacer conserva un máximo de treinta estados, incluido el lienzo inicial.
• El PNG tiene 960 × 560 píxeles y puede pixelarse al ampliarlo mucho.
• La herramienta no importa imágenes, no ofrece capas y no es colaborativa.

Fuentes y documentación para comprobar

• MDN: uso de Pointer Events Documenta el modelo de entrada común para ratón, pantalla táctil y lápiz aplicado al dibujo en canvas.
• W3C: Pointer Events Especificación técnica del modelo de eventos y de touch-action.
• MDN: HTMLCanvasElement.toDataURL() Describe la conversión del contenido del lienzo a una URL de datos para la descarga PNG.

Preguntas frecuentes