Flechas y texto en capturas de tutoriales
Añade una flecha que apunte a un botón concreto en una captura, con una línea breve que explique el paso, para que un tutorial o una ayuda se sigan mejor.
Haz clic en un elemento del lienzo para editar su estilo, o añade primero un elemento nuevo
Cómo empezar
Sin instalar software: todo ocurre en la página, con vista previa WYSIWYG.
Haz clic para elegirla o arrástrala a la página. Admite JPG, PNG, WebP y GIF, hasta 20MB, una a la vez.
Haz clic para añadir texto, flecha, rectángulo o círculo, o pulsa un sticker emoji: el nuevo elemento aparece en el centro, listo para ajustar.
Arrastra el elemento para moverlo, el asa inferior derecha para cambiar el tamaño, el asa superior derecha para rotarlo, y el panel inferior para editar contenido y color del texto.
Cuando te guste el resultado, haz clic en descargar: todos los elementos se componen sobre la imagen con su estilo actual y se guardan en tu dispositivo.
Si algo falla
No. La colocación de texto, flechas y stickers hay que decidirla a mano según la composición de cada imagen: por ejemplo, dónde debe apuntar una flecha cambia por completo de una foto a otra, así que no se pueden aplicar las mismas coordenadas a imágenes distintas. Por eso esta herramienta está pensada para un etiquetado fino de una sola imagen. Si necesitas el mismo texto o logo en un lote de composiciones similares, usa el modo por lotes de «Añadir marca de agua».
Sí. Antes de descargar, puedes hacer clic en cualquier elemento añadido para volver a seleccionarlo, arrastrarlo para reposicionarlo, usar el asa inferior derecha para cambiar el tamaño y el asa superior derecha para rotarlo. El panel inferior también permite editar el contenido y el color del texto. Los elementos solo se componen de forma permanente al hacer clic en descargar: los ajustes previos no afectan al original.
Los stickers usan los emoji del sistema. Distintos sistemas operativos y navegadores los renderizan con estilos visuales un poco distintos (el de Apple no se ve exactamente igual que el de Android), pero el significado y el aspecto general se mantienen. La imagen exportada se genera con el estilo de emoji del dispositivo con el que descargaste; una vez exportada, muestra esa apariencia fija aunque se abra en otro dispositivo.
La versión actual usa la fuente predeterminada del sistema para todo el texto, con negrita, color y tamaño personalizables, pero aún no admite cambiar tipografía ni varias líneas (los saltos de línea se ignoran): sirve mejor para títulos cortos, avisos o etiquetas. Para maquetaciones más complejas, añade varios elementos de texto y colócalos por separado.
Ocurre por completo en el navegador de tu dispositivo actual: la vista previa en vivo la renderiza la página, y al descargar la API Canvas del navegador redibuja y compone cada elemento en su posición, tamaño y ángulo actuales sobre la imagen. El original no se sube a ningún servidor.
Anotar en esencia redibuja y recodifica: el canal de transparencia del PNG se conserva; pero si el original tiene zonas transparentes y se detecta que debe codificarse como JPG, esas zonas se rellenan de blanco. Los metadatos EXIF (parámetros de disparo, ubicación, etc.) no se conservan tras recodificar; si necesitas verlos o borrarlos, usa la herramienta «Ver / borrar EXIF».
Editar y componer ocurren por completo en tu navegador: la imagen no pasa por ningún servidor
Texto, stickers emoji, flechas, rectángulos y círculos cubren la mayoría de necesidades de explicación
Arrastra para mover, usa el asa para cambiar tamaño o rotar: modifica cuando quieras sin miedo a equivocarte
Sin registro, sin pago, y el resultado exportado no lleva ninguna marca de agua
Casos de uso
No es un listado de funciones, sino «cuándo vale la pena arrastrar una imagen». Si no encaja, cambia de herramienta.
Añade una flecha que apunte a un botón concreto en una captura, con una línea breve que explique el paso, para que un tutorial o una ayuda se sigan mejor.
Añade un título o un sticker emoji a la foto que vas a publicar, para darle más personalidad y que llame más la atención.
Usa un rectángulo o un círculo para resaltar puntos de venta o detalles en una foto de producto, con texto explicativo, para que la imagen promocional se entienda mejor.
Tipos de elementos
Cada tipo sirve para una necesidad distinta de explicación; una vez añadidos, todos se pueden arrastrar, redimensionar y rotar con libertad.
| Tipo de elemento | Propiedades ajustables | Ideal para |
|---|---|---|
| Texto | Contenido, color, negrita, tamaño, posición, ángulo de rotación | Títulos, avisos, texto breve de llamada |
| Sticker emoji | Tamaño, posición, ángulo de rotación (el color viene en el propio emoji) | Decoración, expresar emoción, resaltar un punto |
| Flecha | Color, grosor de línea, tamaño, posición, ángulo de rotación | Señalar un botón, zona o detalle concreto en una captura |
| Recuadro rectangular | Color, grosor de línea, tamaño, posición, ángulo de rotación | Rodear un área rectangular de la imagen para resaltarla |
| Recuadro circular | Color, grosor de línea, tamaño, posición, ángulo de rotación | Rodear un punto o área circular de la imagen para resaltarla |
Todos los elementos comparten el mismo modelo de interacción: arrastra el elemento para moverlo, el asa inferior derecha para cambiar el tamaño, el asa superior derecha para rotarlo, y haz clic en el asa superior izquierda para eliminarlo. Al seleccionar un elemento, el panel inferior muestra las propiedades editables de ese tipo.
Notas técnicas
La posición y el tamaño de cada elemento se guardan como proporción del ancho y alto de la imagen, no como píxeles fijos: da igual el tamaño de visualización, lo que ves al editar coincide con lo que se compone sobre la imagen a resolución original al descargar. La descarga redibuja la imagen final con la API Canvas del navegador, todo en local en tu dispositivo, sin tocar ningún servidor.
El contenido del texto, dónde debe apuntar una flecha y el área que debe rodear un recuadro se deciden a mano según la composición y el contenido de cada imagen: composiciones y puntos a enfatizar cambian por completo entre fotos, así que no se pueden aplicar las mismas coordenadas y textos a imágenes distintas. Por eso esta herramienta se centra en el etiquetado fino de una sola imagen: abre y trabaja varias una por una.
Sin crear cuenta. Si te gusta, hazlo por lotes; si no, cambia parámetros y vuelve a intentar.