Instalar · Capturar · Anotar · Exportar # Documentación Cómo instalar y usar OpenScreenShot, la extensión de capturas y anotaciones de código abierto para Chrome. ## En esta página - [Instalación](https://openscreenshot.app/es/docs/#install) - [Hacer una captura](https://openscreenshot.app/es/docs/#capture) - [Modos de captura](https://openscreenshot.app/es/docs/#modes) - [Después de una captura](https://openscreenshot.app/es/docs/#after-capture) - [Anotar](https://openscreenshot.app/es/docs/#annotate) - [Beautify](https://openscreenshot.app/es/docs/#beautify) - [Anotar una imagen que ya tienes](https://openscreenshot.app/es/docs/#import) - [Exportar](https://openscreenshot.app/es/docs/#export) - [Grabar una pestaña](https://openscreenshot.app/es/docs/#record) - [Borradores](https://openscreenshot.app/es/docs/#drafts) - [Atajos de teclado](https://openscreenshot.app/es/docs/#shortcuts) - [Ajustes](https://openscreenshot.app/es/docs/#settings) - [Agentes y CLI](https://openscreenshot.app/es/docs/#agents-cli) - [Privacidad](https://openscreenshot.app/es/docs/#privacy) - [Obtener ayuda](https://openscreenshot.app/es/docs/#support) ## Instalación OpenScreenShot está disponible en la Chrome Web Store. 1. Abre la [ficha de OpenScreenShot](https://chromewebstore.google.com/detail/hdabbojjccojlapnfjpdppcpfcnhgmdp) en Chrome. 2. Haz clic en **Añadir a Chrome**. 3. Acepta los permisos. La extensión necesita la pestaña activa y permiso para ejecutar en ella su script de captura. 4. El icono de OpenScreenShot aparece en tu barra de herramientas. Haz clic en él para abrir el menú. ## Hacer una captura Haz clic en el icono de OpenScreenShot en la barra de herramientas y la captura de página completa comienza, sin menús de por medio. Todo se ejecuta localmente en tu navegador. Hay cuatro formas de iniciar una captura: - **El icono de la barra de herramientas**: un clic captura la página completa. Desactiva **Modo Express de un clic** en los ajustes para recuperar el selector de modos; con clic derecho en el icono tienes los demás modos y los ajustes. - **Un atajo de teclado** — `Ctrl+Shift+S` para la página completa, `Alt+Shift+V` para el área visible, `Ctrl+Shift+E` para una región. En macOS son `⌘⇧S`, `⌥⇧V` y `⌘⇧E`. Capturar elemento no tiene tecla por defecto. Asigna o cambia cualquiera de ellos en `chrome://extensions/shortcuts`. - **El menú contextual**: el submenú de OpenScreenShot en cualquier página ofrece los mismos cuatro modos y los Ajustes. - **Repetir región** — el pie del menú y el menú del clic derecho vuelven a capturar el último rectángulo de región. Ambos elementos aparecen cuando ya has seleccionado una región. La fila **Retardo** del menú retiene una captura durante 3, 5 o 10 segundos, y la insignia de la barra de herramientas cuenta atrás. Úsala para estados hover, menús desplegables y tooltips que se cierran en cuanto haces clic en otro sitio. ## Modos de captura ### Página completa Captura toda la página con su scroll y la une en una sola imagen. La extensión desplaza la página viewport a viewport, captura cada franja y las compone juntas. Las cabeceras fijas se capturan en la primera franja y se componen una sola vez arriba. Las páginas que desplazan un elemento interno en lugar de la ventana también funcionan. Una página más alta que una imagen (32 000 píxeles de dispositivo) se guarda como hasta seis imágenes: Descargar pone nombre a cada parte, y Editor o Portapapeles abre cada parte en su propia pestaña del editor. ### Área visible Captura el viewport actual al instante. Sin scroll. Úsalo para una captura rápida de lo que hay en pantalla ahora mismo. ### Región Haz clic y arrastra para dibujar un rectángulo. Aparecen tiradores de tamaño en cada borde y esquina. Usa las flechas del teclado para mover la selección píxel a píxel, o mantén `Shift` para moverla de diez en diez. Pulsa `Enter` para confirmar o `Esc` para cancelar. ### Elemento Pasa el cursor por la página para seleccionar una tarjeta, un gráfico, una tabla, una imagen u otro elemento, y luego haz clic o pulsa `Enter` para capturar sus límites exactos. `↑` selecciona el elemento padre, `↓` el hijo, y `←`/`→` los vecinos. Si el elemento no se ve por completo, el selector ofrece en su lugar una captura de página completa. ## Después de una captura La fila **Tras capturar** del menú elige qué hace una captura terminada. Se aplica a todos los puntos de entrada: los botones del menú, los atajos de teclado y el menú del clic derecho. - **Editor** — abre el editor de anotaciones en una pestaña nueva. Es el valor por defecto. - **Portapapeles** — copia la captura y se salta el editor. Pégala directamente en un chat, un documento o una incidencia. - **Descargar** — guarda la captura en tu carpeta de descargas y se salta el editor. Los guardados rápidos se escriben como PNG. Portapapeles y Descargar no abren pestaña, así que la insignia de la barra de herramientas es la confirmación. Una captura fallida hace parpadear `!` en la insignia. **Reabrir última**, en el pie del menú, abre la captura más reciente en el editor en cualquier momento. ## Anotar El editor se abre en una pestaña completa y carga la captura más reciente del almacenamiento local. Cada herramienta tiene un atajo de una letra. - **Seleccionar** `V` — mueve, redimensiona o elimina cualquier anotación. Doble clic en una capa de texto para reeditarla. - **Forma** `R` — dibuja un rectángulo, un rectángulo redondeado, un óvalo o un triángulo. **Relleno** elige sin relleno o un relleno sólido del color del trazo; mantén `Shift` para lados iguales, así un óvalo se convierte en un círculo. - **Flecha** `A` — dibuja una flecha direccional con punta rellena, abierta, doble o de punto. Arrastra el tirador redondo central para curvarla. - **Línea** `L` — la flecha sin punta. - **Lápiz** `P` — dibujo a mano alzada. - **Resaltador** `H` — un trazo translúcido a mano alzada. - **Texto** `T` — añade un cuadro de texto; su tamaño lo fija el control de tamaño de fuente. - **Número de paso** `S` — insignias numeradas que cuentan solas y se renumeran cuando eliminas una. - **Desenfocar** `B` — oculta contenido sensible como desenfoque suave, mosaico grueso o relleno opaco. El relleno opaco resiste la recompresión. - **Spotlight** `O` — recortes en rectángulo, rectángulo redondeado o elipse que se funden en una sola capa oscurecida. - **Cuentagotas** `I` — toma un color de la captura. Muestrea lo que ves, así que un color dentro de un spotlight o sobre un degradado de Beautify se toma tal como se ve. El botón de muestra en la fila de color abre el selector de pantalla completa de Chrome para cualquier cosa fuera del lienzo. - **Recortar** `C` — recorta la imagen al área seleccionada. - **Cut** `X` — marca franjas horizontales en una captura larga y elimínalas, con vista previa en vivo. Mantén `Shift` mientras dibujas para formas de lados iguales y líneas y flechas a 45°. La barra de estilo lleva una paleta de 8 colores en `1`–`8`, un color personalizado, colores recientes, cuatro grosores de trazo que se adaptan al tamaño de la captura y un control de tamaño de fuente. Tus elecciones se recuerdan entre sesiones. Arrastra las herramientas en la barra lateral para poner primero tus favoritas, o mueve la herramienta enfocada con `Alt+↑` / `Alt+↓`. Deshacer y rehacer son `Ctrl+Z` / `Ctrl+Shift+Z`, o `⌘Z` / `⌘⇧Z` en macOS. ## Beautify El panel **Beautify** de la barra superior enmarca la captura para compartirla: un **Estilo**, más los deslizadores **Relleno**, **Esquinas** y **Sombra**, y un **Fondo** de seis degradados, un color sólido personalizado o transparencia. El marco se previsualiza en vivo y viaja a todas las exportaciones, al portapapeles y al PDF. ## Anotar una imagen que ya tienes Suelta un archivo de imagen sobre el lienzo del editor, o pega una imagen con `Ctrl+V` / `⌘V` fuera de un campo de texto. La importación ocupa el mismo lugar que una captura, así que todas las herramientas, el marco Beautify y todas las vías de exportación siguen funcionando, y la barra superior muestra **Importada**. Importar sustituye el lienzo, por eso el editor pregunta primero cuando hay anotaciones que perder. ## Exportar Haz clic en **Guardar imagen** en la barra superior del editor, o pulsa `Ctrl+S` / `⌘S`, para abrir el diálogo **Exportar**. A su lado, **Copiar** pone un PNG en el portapapeles y **PDF** guarda un PDF con un solo clic. En el diálogo, elige un formato: - **PNG** — sin pérdida, conserva la transparencia. - **JPEG** — archivos más pequeños, calidad ajustable. - **WebP** — calidad ajustable como JPEG, transparencia como PNG. - **PDF** — exporta como una sola página de imagen, ajustada a A4/Carta, o repartida en varias páginas con un solape de 5 mm para que el contenido no se corte a mitad de línea. **Escala** exporta al 25, 50, 100 o 200 %, o a un ancho exacto en píxeles. Se oculta para PDF, que se ajusta a la página. Un tamaño que supera el límite de lienzo de Chrome se rechaza en lugar de escribirse como un archivo vacío. `Ctrl+C` / `⌘C` copia la imagen terminada directamente al portapapeles. El diálogo de exportación también puede guardar sus ajustes actuales como tus nuevos valores por defecto. ## Grabar una pestaña La grabación de pestañas está disponible en la versión para Chrome; la versión para Firefox solo admite capturas de pantalla por ahora. Haz clic en **Grabar** en la ventana emergente para abrir la pestaña de grabación junto a tu página. Mientras se graba, pulsa `Alt+Shift+X` para detenerla desde cualquier pestaña. La primera vez que grabas, Chrome muestra un aviso de permiso para capturar la pestaña. ### Iniciar una grabación La pestaña de grabación muestra una imagen de tu página y la vista en directo de tu cámara. Activa ahí **Mic**, **Audio** o **Webcam**; el aviso de permiso del navegador aparece en esa pestaña. Arrastra sobre la imagen para grabar solo una parte de la página, o deja **Pestaña completa**. Haz clic en **Empezar a grabar** y OpenScreenShot cambia a tu página. Si una grabación navega a otro sitio, el registro de clics necesita el permiso opcional «Grabar entre sitios» (consulta [Ajustes](https://openscreenshot.app/es/docs/#settings)) para seguirla. Sin ese permiso, la insignia de la barra se vuelve ámbar y el zoom y los efectos de clic se detienen durante el resto del vídeo. El vídeo sigue grabándose. ### La pestaña de grabación Mientras grabas, la pestaña de grabación muestra un temporizador y los botones Pausar/Reanudar, Detener y Cancelar. No se añade nada a la página que grabas, así que no aparecen controles en el vídeo. Vuelve a la pestaña para detener, o pulsa `Alt+Shift+X`. Al detener, la misma pestaña abre el editor. La webcam se añade a la exportación como una burbuja redonda que colocas en el editor, y el editor recorta el vídeo al área que elegiste. ### El editor Detener abre el editor de grabaciones con tu toma en una línea de tiempo. El editor añade un zoom suave de 2x en cada clic que hizo tu cursor; ajusta o elimina cualquiera de ellos, o añade tus propios bloques de zoom manuales a 1.5x, 2x o 3x. Recorta el inicio o el final de cualquier segmento arrastrando sus tiradores. Las ondas de clic marcan dónde hiciste clic, y la burbuja de webcam, el marco Beautify y los deslizadores de volumen de micro y pestaña viven en el panel lateral. Mostrar cursor dibuja un puntero suave que sigue la ruta grabada de tu cursor; desactívalo en la barra de ajustes. ### Exportar Exportar vuelve a renderizar la toma a través de canvas, mezclando las pistas y los efectos que configuraste, y descarga por defecto un archivo MP4 (H.264 y AAC), o WebM desde el selector junto al botón. MP4 está limitado a 4096×2304, así que una pestaña más grande se reduce para que quepa. Los navegadores sin grabación MP4 solo exportan WebM. ## Borradores Tus ediciones se guardan localmente mientras trabajas. Si la pestaña del editor se cierra o falla, la siguiente pestaña del editor te ofrece recuperar el borrador. Restaurar siempre es un clic, así que un borrador antiguo nunca sustituye una captura que querías empezar de cero. Una imagen recortada tiene su propio borrador, así que las anotaciones nunca se restauran sobre la imagen equivocada. ## Atajos de teclado Pulsa `?` en el editor para ver la hoja completa. Además de las letras de herramienta de arriba: - `1`–`8` — elige el color de anotación. - `Ctrl+C` / `⌘C` — copia al portapapeles. - `Ctrl+S` / `⌘S` — exporta. - `Backspace` — elimina la anotación seleccionada. - `Esc` — anula la selección, o cancela un recorte. - `Ctrl` / `⌘` con `+`, `−` o `0` — acerca, aleja, tamaño real. `F` ajusta a la pantalla. - `Space` + arrastrar — desplaza el lienzo. `Alt+Shift+X` detiene la grabación en curso desde cualquier sitio; no necesita el editor ni el menú abiertos. ## Ajustes Abre el icono de engranaje en el menú para configurar: - **Tema** — claro, oscuro o sistema. - **Formato por defecto** — PNG, JPEG, WebP o PDF. - **Calidad** — para JPEG, WebP y PDF. - **Plantilla de nombre** — haz clic en un chip para insertar `{date}`, `{time}`, `{title}`, `{domain}`, `{w}` o `{h}`. Una vista previa en vivo muestra el resultado. Con `/` se guarda en una carpeta dentro de Descargas, por ejemplo `Screenshots/{title}`. Los ajustes viven en el almacenamiento local de este dispositivo. **Restablecer valores**, al final del panel, pide dos clics. **Grabar entre sitios**: desactivado de forma predeterminada. Al activarlo se solicita el permiso de host opcional ``, para que el registro de clics pueda seguir a una pestaña que navega a otro sitio durante la grabación. ## Agentes y CLI `openscreenshot` (npm) es una herramienta local aparte y opcional para automatizar capturas desde la línea de comandos o desde un agente de IA. Usa el Chrome que ya tienes en tu equipo: sin descargar navegadores, sin servicio alojado. Define `CHROME_PATH` si tu Chrome no se encuentra automáticamente. ``` pnpm dlx openscreenshot shot https://example.com --out shot.png --full ``` Como servidor MCP, añade esto a la configuración de tu cliente MCP: ``` { "command": "pnpm", "args": ["dlx", "openscreenshot"] } ``` Luego llama a la herramienta `capture_screenshot` con `{ "url": "https://example.com" }`. Las entradas opcionales son `fullPage` (por defecto false), `width` (200–3840, por defecto 1280), `height` (200–2160, por defecto 800) y `redact`, que tapa con recuadros negros, antes de la captura, selectores CSS (`selectors`), patrones de texto (`patterns`: `email`, `phone`, `secret`) y rectángulos en píxeles (`rects`). La herramienta devuelve contenido de imagen PNG a tu cliente. Un cliente que usa un modelo alojado puede enviar esa imagen a su proveedor; usa `redact` para los datos que no deben salir del dispositivo y revisa la configuración de datos del cliente. ## Privacidad OpenScreenShot lo procesa todo localmente en tu navegador. Las capturas se guardan en el almacenamiento local de Chrome y no se suben a ningún servidor. Las grabaciones, los registros del cursor y los flujos de micro y webcam permanecen en IndexedDB en tu dispositivo hasta que los eliminas. La extensión no tiene analíticas, ni telemetría, ni servicios de terceros. Consulta la [política de privacidad](https://openscreenshot.app/es/privacy/) para todos los detalles. ## Obtener ayuda Consulta la página de [Soporte y FAQ](https://openscreenshot.app/es/support/) para preguntas frecuentes y limitaciones conocidas. Si necesitas más ayuda, abre una incidencia en [GitHub](https://github.com/pghqdev/OpenScreenShot/issues). ## Instala OpenScreenShot Gratis, de código abierto y privado. Disponible en la Chrome Web Store. [Añadir a Chrome](https://chromewebstore.google.com/detail/hdabbojjccojlapnfjpdppcpfcnhgmdp) [Añadir a Firefox](https://addons.mozilla.org/firefox/addon/openscreenshot/) --- Canonical page: https://openscreenshot.app/es/docs/