Screenshot AnnotationAnota una captura
justo donde la capturaste
Anota una captura sin salir de la página. Captura y después coloca recuadros, círculos, flechas, texto, pasos numerados y más directamente sobre la imagen — cada forma se ajusta al elemento real de la interfaz que pasasas por encima, así tus anotaciones quedan alineadas perfectamente en vez de parecer dibujadas a mano.
¿Qué significa «anotar una captura»?
Anotar una captura significa añadir marcas sobre la imagen para que el lector sepa dónde mirar y qué hacer: un recuadro alrededor del botón a pulsar, una flecha señalando el error, un número en cada paso, texto explicando la solución. Es la diferencia entre una captura en crudo y una captura que realmente comunica.
Lo doloroso nunca era la idea, sino la ejecución. Capturas, pegas en un editor, dibujas un rectángulo, te das cuenta de que está dos píxeles desplazado del botón, deshaces, redibujas. Con cada forma, con cada captura. La anotación que se ajusta a los elementos reales de la página elimina todo eso — pasas el cursor sobre el elemento, haces clic, y la anotación se ajusta a sus límites exactos.
¿Por qué anotar las capturas en su lugar?
Un editor aparte supone un cambio de contexto, un segundo archivo y formas que se desplazan respecto a los píxeles que deberían señalar. La anotación en el lugar te mantiene en la página, mantiene la fuente a resolución completa y mantiene cada anotación alineada. Esto importa sobre todo en:
- Informes de errores — señala a los ingenieros el elemento roto exacto con un recuadro ajustado y una nota numerada, no un óvalo tambaleante.
- Tutoriales y documentación — «haz clic aquí» no deja lugar a dudas cuando «aquí» es un recuadro ajustado alrededor del control real.
- Soporte al cliente — anota la captura de un cliente para indicar el ajuste que debe cambiar.
- Revisión y feedback — marca un diseño o un borrador con flechas y texto sin abrir otra aplicación.
Doce herramientas, todas ajustándose a elementos reales
Yo mismo construí el conjunto de herramientas de anotación, así que esto es exactamente cómo se comportan las anotaciones cuando las colocas.
- Las formas se ajustan a los elementos. Pasa el cursor sobre cualquier botón, tarjeta, imagen o bloque de texto y la extensión lee su
getBoundingClientRect. Haz clic — obtienes un rectángulo, círculo, flecha o subrayado ajustado a esos límites exactos. Un clic, precisión de píxel. - Doce herramientas en una sola barra. Rectángulo, elipse, línea, flecha, rotulador de resaltado, texto, pasos numerados, sellos, mosaico (pixelar / difuminar / barra negra) y zoom en el lugar. Cambia con una sola tecla.
- Los pasos numerados se renumeran solos. Coloca los pasos 1, 2, 3 en orden y se mantienen secuenciales automáticamente según los añadas y reordenes.
- Todo se exporta a resolución completa. La anotación se renderiza sobre la captura original (incluidos los píxeles de alta densidad), así los recuadros y el texto se mantienen nítidos, no borrosos.
Dos funciones hacen la anotación más potente cuando las necesitas:
- Resaltar y redactar — un rotulador de resaltado llama la atención sobre el texto, mientras que la herramienta de mosaico difumina o pixela contraseñas, API keys y caras. Ver difuminar captura y resaltar captura.
- Hacer zoom a un detalle — amplía una región diminuta en su lugar para que un icono o etiqueta pequeños sean legibles sin perder el contexto circundante. Ver zoom de captura.
La anotación vive en la página, en un editor superpuesto — sin pestaña nueva, sin subida. Cuando cierras el editor, la imagen terminada ya está en tu portapapeles.
Cómo anotar una captura
De la captura a una imagen totalmente anotada en menos de un minuto.
Captura
Pulsa Alt+A (Win) o ⌘⇧S (Mac) para capturar el área visible, Alt+C / ⌘⇧X para arrastrar una región, o haz clic derecho en la página y elige Región libre. El editor se abre sobre la página.
Añade anotaciones
Pasa el cursor sobre un elemento y haz clic para ajustar una forma, o pulsa una tecla de herramienta — R rectángulo, O elipse, A flecha, T texto, N número, H resaltado. También dibuja libremente en los espacios vacíos.
Exporta
Cierra el editor — la imagen anotada se copia automáticamente a tu portapapeles. O descárgala como PNG / JPG / PDF.
Consejos para una anotación más limpia
- Haz clic, no arrastres, para precisión. Pasar el cursor sobre un elemento y hacer clic te da sus límites exactos de una sola vez — mucho más ceñido que un recuadro dibujado a mano.
- Numera los flujos de varios pasos. Usa la herramienta de números (
N) para que los lectores puedan seguir ① → ② → ③ en orden; se renumeran solos. - Redacta antes de compartir. Cualquier captura con credenciales, tokens o información personal debería recibir primero la herramienta de mosaico — difumina o pixela, nunca solo recortes.
- Elige un solo color de acento. Un único color llamativo para recuadros y flechas se lee mejor que un arcoíris. La herramienta recuerda tu último color y grosor.
Anotar captura, resuelto
¿La anotación es gratis?
Sí. Las doce herramientas de anotación son gratis — sin plan de pago, sin marca de agua, sin registro. Toda la extensión es gratis.
¿Las anotaciones se mantienen nítidas en pantallas de alta densidad?
Sí. La anotación se renderiza sobre la captura en resolución completa, incluidos los píxeles de alta densidad, así los recuadros, flechas y texto se mantienen nítidos en pantallas Retina y 4 K.
¿Puedo editar una anotación después de colocarla?
Sí. Selecciona cualquier anotación para moverla, redimensionarla, cambiarle el color o borrarla. Los pasos numerados se renumeran automáticamente al reordenarlos.
¿Funciona sin conexión / envía datos a algún sitio?
Funciona totalmente sin conexión y no hace ninguna petición de red. Las capturas nunca salen de tu dispositivo — no hay backend.
Escrito por Virgil
Soy el desarrollador independiente que construyó el conjunto de herramientas de anotación de esta página — el ajuste al DOM, las doce herramientas, los pasos de renumeración automática. Lo construí porque todos los editores de capturas que había usado me obligaban a dibujar formas a mano que nunca se alineaban con la interfaz.
Leo todos los correos y publico actualizaciones con regularidad; el registro de cambios recoge qué cambió en cada versión. ¿Preguntas sobre la anotación? Escríbeme a virgil1126@gmail.com.
Anota tu próxima captura en su lugar
Gratis, sin registro, sin rastreo. Doce herramientas de anotación que se ajustan a elementos reales.
Añadir a Chrome — Gratis