Screenshot Studio: embellecedor, editor y creador de maquetas de capturas de pantalla gratuitos

Estudio de captura de pantalla gratuito: captura tu pantalla, agrega fondos degradados, marcos de ventanas e inclinación 3D, realiza anotaciones con flechas, pasos, desenfoque y foco, crea maquetas de iPhone y MacBook, convierte código en imágenes, une capturas de pantalla con desplazamiento y elimina barras de estado. Exporta PNG, JPG, WebP o SVG hasta 4×, 100% en tu navegador.

Construido y mantenido por Shehzad Munir ·

Estudio de captura de pantalla
Loading Screenshot Studio
Share

Un completo estudio de captura de pantalla en tu navegador

Screenshot Studio es una aplicación de captura de pantalla todo en uno gratuita que se ejecuta en su navegador. Capture su pantalla, embellezca las tomas con fondos degradados, de malla o borrosos, marcos de ventanas e inclinación 3D, y anótelos con flechas, pasos numerados, focos y redacción permanente. También puedes colocarlos en maquetas de iPhone, iPad y MacBook, convertir código en imágenes temáticas, unir capturas de desplazamiento y limpiar capturas de pantalla del teléfono. Exporte PNG, JPG, WebP o SVG sin cargas, sin marcas de agua y sin registro.

Screenshot Studio reemplaza la pila de aplicaciones de un solo propósito con las que la mayoría de la gente hace malabarismos. Capture su pantalla, una ventana o una pestaña del navegador; embellecerlo con un fondo degradado, de malla o borroso, un marco de macOS, Windows o del navegador y una inclinación 3D; anótelo con flechas, pasos numerados, etiquetas de texto, desenfoque, foco y lupa; colóquelo en una maqueta de iPhone, iPad o MacBook; capturas de desplazamiento de puntadas en una imagen larga; o convierta un fragmento de código en una imagen que se pueda compartir. Cada modo entrega su resultado al siguiente con Enviar a, de modo que una captura se puede recortar, anotar, embellecer y enmarcar en un solo flujo. Todo se ejecuta localmente en la API de Canvas, por lo que las capturas de pantalla nunca se cargan y no hay marca de agua ni registro.

Características

  • Captura: tome su pantalla, una ventana o una pestaña del navegador con un retraso de 3/5/10 segundos y seleccione la región
  • Pegue (Ctrl/⌘+V), arrastre y suelte o cargue en cualquier modo, además de una muestra incorporada para probar
  • Enviar a: pasar el resultado entre Capturar, Embellecer, Anotar, Maquetar, Coser y Recortar en un solo flujo
  • Embellecer: 18 degradados, 8 degradados de malla, fondos sólidos, de papel tapiz o de captura de pantalla borrosa con grano
  • macOS, Windows, navegador (con URL), marcos de ventana de vidrio y contorno
  • Relleno, inserción con color de borde automático, radio de esquina, 5 estilos de sombra, inclinación y rotación de perspectiva 3D
  • Ajustes preestablecidos de lienzo social: X post, Open Graph, LinkedIn, YouTube, Product Hunt, Dribbble, 1:1, 4:5, 9:16 y tamaños personalizados
  • Título, subtítulo y texto de marca de agua, 8 estilos rápidos, estilo recordado y exportación ZIP por lotes
  • Anotar: editor basado en objetos donde puede seleccionar, mover, cambiar el tamaño, cambiar el estilo, duplicar, reordenar y eliminar marcas
  • Flechas cónicas, clásicas y dobles, rectángulos, elipses, líneas, etiquetas de texto, pasos numerados automáticamente y sellos emoji
  • Redactar con pixelado, desenfoque o una barra negra, todo integrado en los píxeles exportados
  • Foco, lupa, cuadro resaltado, resaltador y lápiz, con deshacer/rehacer y atajos de teclado
  • Maquetas de dispositivos: iPhone 16 Pro/15/SE, Pixel 9, Galaxy S24, iPad Pro/mini, Galaxy Tab, MacBook Air/Pro, iMac y monitor
  • Seis acabados del dispositivo, modo horizontal, brillo de pantalla, inclinación 3D y escena responsiva de MacBook + iPad + iPhone
  • Planificador de ventanas gráficas con la ventana gráfica CSS de cada dispositivo, la proporción de píxeles y el tamaño de captura de pantalla nativo
  • Código a imagen: 19 idiomas detectados automáticamente, 10 temas, números de línea, líneas resaltadas, colores diferentes, PNG y SVG
  • Cosa verticalmente, de lado a lado o en una cuadrícula con eliminación de superposición de desplazamiento con precisión de píxeles y recorte de encabezado adhesivo
  • Recortar y limpiar: eliminación exacta de la barra de estado y del indicador de inicio para tamaños de iPhone/iPad, recorte automático de bordes, rotación y volteo
  • Exporte PNG, JPG o WebP a 1–4× y cópielo directamente al portapapeles, sin marca de agua ni cargas

Cómo utilizar Estudio de captura de pantalla

  1. 1

    Trae una captura de pantalla

    Capture su pantalla, ventana o pestaña en Capturar, presione Ctrl/⌘+V para pegar, arrastre un archivo o haga clic en Probar una muestra.

  2. 2

    Elige un modo

    Elija Embellecer, Anotar, Maqueta, Codificar, Coser o Recortar y limpiar en las pestañas. Su trabajo en cada modo se mantiene cuando cambia.

  3. 3

    Editar

    Diseñe el fondo y el marco, dibuje flechas, pasos y redacciones, coloque la toma en un dispositivo o cosa y recorte, todo con una vista previa en vivo.

  4. 4

    Modos de cadena

    Utilice Enviar a para que el resultado continúe, por ejemplo Capturar → Recortar y limpiar → Anotar → Embellecer.

  5. 5

    Exportar

    Elija PNG, JPG o WebP y una escala de 1 a 4×, luego Descargar o Copiar. Todo se procesa en su dispositivo.

Casos de uso comunes

  • Convierta una captura de pantalla simple en una publicación de X, LinkedIn o Product Hunt con un fondo y un título degradados.
  • Anota informes de errores con flechas, pasos numerados y datos personales redactados
  • Escriba guías de incorporación y del centro de ayuda con capturas de pantalla destacadas paso a paso.
  • Muestre una aplicación o un sitio web en maquetas de iPhone, iPad y MacBook para una página de destino o un portafolio
  • Comparta fragmentos de código como imágenes temáticas en las redes sociales, en diapositivas o en documentos
  • Une una página de desplazamiento largo o chatea en una imagen sin filas duplicadas
  • Limpiar barras de estado e indicadores de inicio de las capturas de pantalla del teléfono para App Store y revisar imágenes
  • Cree comparaciones y cuadrículas de antes y después para notas de versión y registros de cambios.

guía detallada

Embellecer: capturas de pantalla listas para redes sociales con un solo clic

Beautify envuelve una captura de pantalla simple en una tarjeta pulida. Elija uno de los 18 degradados, 8 degradados de malla, un color sólido, su propio fondo de pantalla o una copia borrosa de la captura de pantalla, luego configure el relleno, el radio de las esquinas, el recuadro, la sombra, la inclinación y la rotación 3D. Los ajustes preestablecidos de Canvas dimensionan el resultado exactamente para cada plataforma, y ​​un título, subtítulo y marca de agua convierten una captura de pantalla en una publicación terminada. Su estilo se recuerda en el navegador y Batch lo aplica a muchas capturas de pantalla a la vez y descarga un ZIP.

ProgramarTamaño de salidaLo mejor para
X publicación1600 × 900 pxTuits e hilos
imagen original1200 × 630 pxVistas previas de enlaces (Open Graph)
LinkedIn1200 × 627 pxEnlaces de LinkedIn y publicaciones en feeds
YouTube1280 × 720 pxMiniaturas de vídeos
Búsqueda de productos1270 × 760 pxIniciar imágenes de la galería
regatear1600 × 1200 pxTomas de diseño
1:1 · 4:5 · 9:16Proporción de tu captura de pantallaFeed de Instagram, publicaciones de retratos, historias y carretes

Anota como un editor de capturas de pantalla de escritorio

El editor de anotaciones está basado en objetos: cada flecha, cuadro, etiqueta o desenfoque sigue siendo editable. Seleccione cualquier marca para moverla, cambiar su tamaño con sus controladores, cambiarle el estilo, duplicarla o eliminarla. Elija flechas cónicas, clásicas o de dos puntas, formas delineadas, teñidas o sólidas, y etiquetas de texto con un contorno de contraste que se lea sobre cualquier fondo. Las insignias de pasos numeradas se cuentan automáticamente. Las redacciones (pixeladas, desenfocadas o una barra negra sólida) se escriben en los píxeles exportados, por lo que el texto oculto no se conserva en el archivo. El foco atenúa todo excepto el área que desea que la gente mire y la lupa amplía un pequeño detalle. El editor tiene funciones de deshacer y rehacer completamente, y una herramienta de recorte que recorta solo la exportación.

HerramientaAtajoÚselo para
Seleccionar / moverVMover, cambiar el tamaño, cambiar el estilo o eliminar cualquier anotación
FlechaAApunte a un botón o ajuste (Shift se ajusta a 45°)
Rectángulo/ElipseR / OEnmarcar un área (Shift dibuja un cuadrado o un círculo)
TextoTEtiquetas y subtítulos, Mayús+Entrar para una nueva línea
Número de pasoNTutoriales numerados que cuentan por sí solos
Desenfocar/redactarBPixelar, desenfocar o poner barras negras en correos electrónicos, claves y nombres
DestacarSAtenuar todo excepto el área importante
lupaZAmpliar el texto o los iconos pequeños de la interfaz de usuario
Cuadro resaltado / Resaltador / BolígrafoH / M / PÉnfasis estilo marcador y notas a mano alzada
Emoji/selloEReacciones rápidas como ✅ ❌ ⚠️
CultivoCRecorta la imagen exportada sin perder anotaciones

Agregue texto con estilo o títulos a cualquier imagenElimine los metadatos EXIF ​​ocultos antes de compartirlos

Maquetas de dispositivos y el planificador de ventanas gráficas

El modo Maqueta dibuja marcos de dispositivos realistas alrededor de su captura de pantalla: iPhone 16 Pro, iPhone 15 y 15 Pro Max con Dynamic Island, iPhone SE con botón de inicio, Pixel 9 y Galaxy S24 con una cámara perforada, iPad Pro, iPad mini y Galaxy Tab, MacBook Air, MacBook Pro, iMac y un monitor de escritorio. Tiene seis acabados, vertical y horizontal, brillo de pantalla opcional, inclinación 3D y una escena responsiva que muestra una MacBook, un iPad y un iPhone juntos. Para cada dispositivo, el planificador de ventanas gráficas muestra la ventana gráfica CSS real, la proporción de píxeles del dispositivo y el tamaño de la captura de pantalla nativa, y le advierte cuando la forma de su captura de pantalla no coincide con la pantalla.

Dispositivoventana gráfica CSSProporción de píxelesCaptura de pantalla nativa
iPhone 16 Pro402 × 8743×1206 × 2622
iPhone 15/15 Pro393 × 8523×1179 × 2556
iPhone 15 Pro Max430 × 9323×1290 × 2796
iPhone SE375 × 6672×750 × 1334
Google Píxel 9412 × 9232.625×1082 × 2423
Samsung Galaxy S24360 × 7803×1080 × 2340
iPad Pro 11″834 × 11942×1668 × 2388
MacBook Air de 13″1470 × 9562×2940 × 1912
MacBook Pro de 14″1512 × 9822×3024 × 1964

Código a imagen: un generador gratuito de capturas de pantalla de código estilo Carbon

Pegue un fragmento y Code to Image lo representa como una imagen limpia y compartible. Detecta automáticamente 19 lenguajes, incluidos JavaScript, TypeScript, JSX, Python, HTML, CSS, JSON, SQL, Go, Rust, Java, Kotlin, Swift, C/C++, C#, PHP, Ruby, YAML y Shell. Puede elegir entre 10 temas de editor (Drácula, One Dark, Tokyo Night, Night Owl, Monokai, Nord, GitHub Dark and Light, Solarized Light y Paper). Los números de línea, una línea de inicio personalizada, líneas resaltadas y colores diferenciales rojo/verde lo hacen útil para revisiones de documentos y códigos, y una barra de título de macOS o Windows muestra el nombre del archivo. Exporte un PNG hasta 4× para publicaciones sociales nítidas, o un SVG vectorial cuyo texto se mantenga nítido en cualquier tamaño.

Unir capturas de pantalla de desplazamiento y limpiar capturas de teléfono

Stitch fusiona capturas de pantalla verticalmente, una al lado de la otra o en una cuadrícula. Para las capturas con desplazamiento, compara las tomas vecinas píxel por píxel y elimina las filas que se repiten, y puede cortar un encabezado o pie de página adhesivo y ajustar cada costura. Las etiquetas hacen comparaciones rápidas antes y después. Crop & Clean reconoce tamaños de captura de pantalla comunes de iPhone y iPad y elimina la barra de estado exacta y el indicador de inicio de ese modelo. Para teléfonos Android, estima las barras y las ajusta al borde real más cercano. También recorta automáticamente los bordes vacíos y tiene ajustes preestablecidos de relación de aspecto, campos de recorte con precisión de píxeles, rotar y voltear.

Cambiar el tamaño de la imagen final a las dimensiones exactasConvierta capturas de pantalla a WebP, JPG o PNG

Preguntas frecuentes

¿Cómo embellezco una captura de pantalla con un fondo?

Abra Embellecer y suelte, pegue o capture una captura de pantalla. Elija un degradado, malla, sólido, fondo de pantalla o fondo borroso, ajuste el relleno, el radio de las esquinas, la sombra y la inclinación 3D, agregue un marco de macOS, Windows o del navegador si lo desea y exporte PNG, JPG o WebP a 1–4×.

¿Cómo puedo unir varias capturas de pantalla en una sola imagen?

Abra Stitch, agregue sus capturas de pantalla en orden (arrastre para reordenar) y elija vertical, de lado a lado o cuadrícula. Para capturas con desplazamiento, la eliminación inteligente de superposiciones corta las filas que se repiten en cada toma; También puedes recortar un encabezado o pie de página adhesivo y ajustar cada costura a mano.

¿Puedo eliminar el marco del teléfono y la barra de estado de una captura de pantalla?

Sí. Crop & Clean reconoce tamaños de captura de pantalla comunes de iPhone y iPad y elimina la barra de estado exacta y el indicador de inicio de ese modelo con un solo clic. Para Android, estima las barras y se ajusta al borde más cercano, y el recorte automático elimina los bordes vacíos o en forma de buzón.

¿Cómo anoto una captura de pantalla con flechas y números?

En Anotar, presione A para flechas, N para insignias de pasos numeradas automáticamente, T para etiquetas de texto y R para cuadros. Cada marca sigue siendo editable: cambie a Seleccionar (V) para moverla, cambiar su tamaño, cambiarle el estilo, duplicarla o eliminarla, con deshacer y rehacer por completo.

¿Cómo desenfoco o elimino partes sensibles de una captura de pantalla?

Presione B, elija Pixelar, Desenfocar o Barra negra y arrastre sobre el correo electrónico, el nombre o la clave API. La redacción se integra en los píxeles exportados, por lo que el texto original no se almacena en el archivo. Utilice la barra negra para contraseñas y secretos.

¿Qué es una lupa con zoom y cuándo debo usar una?

La Lupa (Z) es una lupa circular que muestra una copia ampliada de un pequeño detalle, como una pequeña configuración, un ícono o un mensaje de error, para que los espectadores puedan leerlo sin abrir la imagen en tamaño completo.

¿Cómo ayuda Viewport Planner con el control de calidad responsivo?

En Mockup, cada dispositivo muestra su ventana gráfica CSS real, su proporción de píxeles del dispositivo y su tamaño de captura de pantalla nativo, y advierte cuando la forma de su captura de pantalla no coincide. Capture esos números en la barra de herramientas de su navegador para obtener un ajuste perfecto en píxeles.

¿Hay una marca de agua o necesito una cuenta?

No. Screenshot Studio es gratuito, no agrega marca de agua y no necesita registro.

¿Mis capturas de pantalla se cargan en un servidor?

No. La captura, edición y exportación se realizan localmente en su navegador con la API de Canvas. Las imágenes se guardan en la memoria únicamente durante la sesión y nunca se envían a ninguna parte.

¿Cómo hago una hermosa captura de pantalla con fondo?

Utilice los estilos rápidos de Beautify (Limpio, Medianoche, Vidrio, Inclinación 3D, Publicación X, Brutal, Desenfocado o Mínimo) para obtener una apariencia terminada con un solo clic, luego ajuste el fondo, el marco y la sombra.

¿Puedo crear una captura de pantalla de código con un bonito estilo?

Sí. Abra Código, pegue su fragmento y el idioma se detectará automáticamente. Elija un tema, estilo de ventana, fondo y opciones de línea, luego exporte PNG o vector SVG.

¿Es esta una alternativa gratuita a Carbon para imágenes de código?

Sí. Code to Image cubre el mismo trabajo que Carbon o ray.so, con 10 temas, 19 idiomas, resaltado de líneas, colores diferentes y exportación PNG/SVG. Se ejecuta en su navegador sin registro ni marca de agua.

¿Puedo tomar una captura de pantalla directamente desde este sitio web?

Sí, en escritorio Chrome, Edge, Firefox y Safari. Abra Capture, opcionalmente establezca un retraso de 3, 5 o 10 segundos, luego elija una pantalla, ventana o pestaña en el selector de su navegador. Arrastre el resultado para conservar una región y luego envíela a cualquier modo. Los teléfonos y tabletas no permiten que las páginas web capturen la pantalla, así que tome la captura de pantalla en el dispositivo y péguela o cárguela.

¿Puedo pegar una captura de pantalla en lugar de subirla?

Sí. Copie una captura de pantalla (por ejemplo con Win+Shift+S, Cmd+Ctrl+Shift+4 o Imprimir pantalla) y presione Ctrl/⌘+V en cualquier parte de la página. Se abre en el modo que estás usando.

¿Qué tamaños debo usar para las capturas de pantalla de las redes sociales?

Utilice los ajustes preestablecidos del lienzo de Beautify: X post 1600 × 900, Open Graph 1200 × 630, LinkedIn 1200 × 627, YouTube 1280 × 720, Product Hunt 1270 × 760, Dribbble 1600 × 1200 o proporciones 1:1, 4:5 y 9:16 para feeds, retratos e Historias de Instagram.

¿Cómo pongo una captura de pantalla en una maqueta de iPhone o MacBook?

Abra Mockup, coloque su captura de pantalla y elija un dispositivo. Sugiere automáticamente un teléfono, tableta o computadora portátil a partir de la forma de la imagen. Elija un acabado, vertical u horizontal, fondo, sombra e inclinación, o cambie al conjunto Responsive para mostrar una MacBook, iPad y iPhone juntos.

¿Puedo aplicar el mismo estilo a muchas capturas de pantalla?

Sí. Configure un estilo en Beautify, haga clic en Lote y seleccione tantas capturas de pantalla como desee. Cada uno se renderiza con el mismo fondo, marco, sombra y tamaño, y se descargan juntos como un ZIP.

¿Qué formatos de exportación y resoluciones son compatibles?

PNG (mantiene la transparencia), JPG y WebP con control deslizante de calidad, a 1×, 2×, 3× o 4× según el modo. Code to Image también exporta SVG vectorial. Los resultados muy grandes se escalan automáticamente para permanecer dentro de los límites del lienzo del navegador, y la herramienta le indica cuándo sucede eso.

De la revista

All articles →