Documentación

Instalación

OpenScreenShot está disponible en la Chrome Web Store.

1. Abre la ficha de OpenScreenShot 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) 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 <all_urls>, 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 para todos los detalles.

Obtener ayuda

Consulta la página de Soporte y FAQ para preguntas frecuentes y limitaciones conocidas. Si necesitas más ayuda, abre una incidencia en GitHub.