La respuesta corta
Una captura de pantalla sin tratar tiene bordes duros, no tiene aire alrededor y a menudo se confunde con la página donde se publica. Los equipos de producto y los diseñadores lo resuelven siempre con los mismos pocos pasos: espacio alrededor de la imagen, un fondo que la separe del feed, esquinas redondeadas que recuerdan a las ventanas de las apps modernas y una sombra que la despega del fondo.
Pega tu captura en la herramienta de abajo con Ctrl+V, elige uno de los fondos listos y ya tienes una imagen que puedes usar. Las secciones siguientes explican cómo elegir cada ajuste para que el resultado se vea pensado y no simplemente decorado.
Pruébalo aquí: Embellecer capturas de pantalla
Abrir la herramienta completaEmpieza con una buena captura
Ningún marco ni degradado salva una captura que muestra demasiado. Antes de darle estilo, decide qué debe ver quien la mire y captura solo eso.
Algunos hábitos dejan las capturas más limpias. Cierra las pestañas y notificaciones que no vienen al caso, oculta la barra de marcadores y los nombres personales, y haz zoom en la página para que el texto se lea bien en un móvil. Si la captura muestra correos electrónicos, datos de clientes o tokens, difumínalos antes; una publicación en redes es pública y se copia.
- Captura una zona, no toda la pantalla: Windows + Shift + S en Windows y Command + Control + Shift + 4 en Mac copian al portapapeles la zona que selecciones.
- Usa una cuenta de demostración limpia para que no aparezcan nombres ni cifras reales.
- Antes de capturar interfaces pequeñas, pon el zoom del navegador entre el 110 y el 125 por ciento.
- Recorta justo al contenido; el margen se añade después.
Cómo elegir el fondo
El fondo tiene una sola tarea: separar la captura del feed sin robarle atención. Los degradados suaves de dos colores funcionan bien porque son tranquilos pero claramente no son blancos. Una captura clara se ve mejor sobre un degradado claro o pastel; una captura en modo oscuro destaca sobre un fondo gris pizarra profundo.
Los colores de marca son una buena opción para la cuenta de una empresa, siempre que no estén más saturados que el contenido. Si la imagen va a ir en una diapositiva o en una página web con su propio fondo, elige Transparente y guárdala en PNG. El control de dirección gira el degradado, algo útil cuando una esquina de la captura está muy cargada y quieres el color más claro detrás de ella.
Margen, esquinas y sombra
Estos tres ajustes deciden si el resultado se ve cuidado o recargado. En la herramienta se miden en proporción al tamaño de la captura, así que los mismos valores se ven igual en un recorte pequeño y en una captura de pantalla completa.
| Ajuste | Buen punto de partida | Si te pasas, parece |
|---|---|---|
| Margen | 6 a 10 por ciento | Una captura diminuta flotando en color |
| Esquinas | 10 a 16 | Una píldora que corta el contenido |
| Sombra | 30 a 50 | Una mancha oscura bajo la ventana |
Marcos de ventana y de navegador
Un marco le dice a quien mira qué está viendo. El marco de macOS añade una barra de título con los tres botones de ventana de colores; va bien con apps de escritorio, editores de código y cualquier cosa que se muestre como ventana. El marco de navegador añade una barra de direcciones y va bien con sitios y aplicaciones web.
Escribe en el marco la dirección que quieras mostrar, por ejemplo tu dominio público en lugar de una dirección de pruebas en localhost, o déjala vacía. Usa el marco oscuro en capturas en modo oscuro para que la barra no brille por encima del contenido. Si la captura ya muestra su propia ventana, elige Ninguno para no tener una ventana dentro de otra.
Tamaños para X, LinkedIn e Instagram
Cada plataforma recorta las imágenes de forma distinta en el feed. Exportar con la forma correcta mantiene tu captura centrada y sin recortes. Las plataformas cambian su diseño de vez en cuando, así que haz una publicación de prueba cuando sea importante.
| Dónde | Tamaño en la herramienta | Píxeles en 1x |
|---|---|---|
| Publicación de X | Publicación de X | 1600 x 900 |
| Publicación de LinkedIn | Publicación de LinkedIn | 1200 x 627 |
| Feed de Instagram | Vertical 4:5 o Cuadrado 1:1 | Depende de la captura |
| Presentaciones y video | 16:9 | Depende de la captura |
| Documentos, blogs, archivos README | Automático | Captura más margen |
Tipo de archivo y resolución
PNG es la opción por defecto correcta para capturas de pantalla: el texto y las líneas finas se mantienen nítidos y admite transparencia. JPG da archivos más pequeños y sirve cuando una plataforma limita el tamaño de subida; con un fondo degradado la diferencia casi no se nota.
Elige 2x cuando la imagen se vaya a ver en móviles y portátiles de alta resolución, o cuando la vayas a reducir después. Duplica el ancho y el alto. Los resultados se limitan a 8000 píxeles en el lado más largo, más de lo que muestra cualquier red social. Copiar imagen pone un PNG en el portapapeles, así que puedes pegarlo directamente en una publicación o un chat.