¿Cómo puedo hacer capturas de pantalla?

Contributors Contributors Actualizado por última vez: 3 semanas, 2 días ago
This is a machine-generated translation of the English content. It has not been reviewed by a human, and may contain errors. If you would like to revise this content, you can start here.

Nota: Consulta ¿Cómo puedo crear una captura de pantalla de mi problema? si necesitas ayuda para crear una captura de pantalla para añadirla a una pregunta en el foro de Ayuda de Mozilla.

Este artículo explica cómo crear una captura de pantalla y cómo editar imágenes de capturas de pantalla en diferentes sistemas operativos y dispositivos, para usarlas en artículos de la Base de Conocimiento. Para aprender a añadir capturas de pantalla y otras imágenes a los artículos de la BC, consulta Cómo insertar imágenes en un artículo.

Marcadores visuales

Los marcadores visuales son clave para que la documentación sea clara y fácil de usar. Estos marcadores llaman la atención sobre áreas específicas de una imagen, guiando a los usuarios a través de cada paso de un proceso.

Color del contorno

Usa un contorno rojo (específicamente el color hexadecimal #f71701) para delinear las secciones importantes de tus capturas de pantalla. Esta elección de color asegura que las áreas resaltadas atraigan la atención de inmediato.

Estilo de esquina

Adopta esquinas cuadradas para los contornos para lograr una armonía visual en todas las anotaciones de tus capturas de pantalla.

Grosor de línea

Equilibra el grosor del contorno entre 4 y 8 puntos (pt) para lograr una visibilidad uniforme en capturas de pantalla de diferentes tamaños.

Alinear los elementos de la interfaz de usuario resaltados de forma central

Alinea el elemento de la interfaz de usuario de forma central dentro del contorno rojo para mejorar la claridad y el reconocimiento.

Screenshot outline example

Marcadores de pasos secuenciales

El uso de marcadores de pasos secuenciales en las capturas de pantalla vincula cada acción dentro de la interfaz de usuario con sus correspondientes pasos de texto. Esto reduce la ambigüedad y la necesidad de múltiples imágenes. Es especialmente útil para instrucciones más largas dentro de la misma ventana o contexto. Al emplear este método, puedes mostrar múltiples instrucciones en una sola captura de pantalla con indicadores claros para cada acción en la interfaz. Aquí tienes un ejemplo de un escenario apropiado para usar este enfoque:

Sequential Step Markers example

Para añadir estos marcadores a tus capturas de pantalla, abre la captura de pantalla en tu editor de imágenes preferido. Luego, guarda los marcadores de la Sequential step markers list y colócalos en las secciones apropiadas de la captura de pantalla.

Preparación y edición de imágenes

Tamaño

Asegúrate de que las capturas de pantalla tengan un tamaño compacto. Para mejorar los tiempos de carga y la accesibilidad, especialmente para los usuarios con conexiones a internet más lentas, es mejor mantener las dimensiones de las capturas de pantalla por debajo de 620 píxeles tanto de alto como de ancho.

Example image size

Recorte

  • Asegúrate de que las capturas de pantalla más grandes se recorten para resaltar los elementos de la interfaz de usuario que pertenecen a la tarea en cuestión.
Cropped screenshot example

Simplificaciones

  • Simplifica las capturas de pantalla complejas eliminando los elementos no esenciales de la interfaz de usuario, reduciendo la carga cognitiva para los usuarios. Opta por tonos de escala de grises apagados como #D4D4D4 y #E0E0E8 en lugar de colores brillantes u oscuros. Estos tonos más claros ayudan a minimizar las distracciones, permitiendo a los usuarios mantenerse enfocados en las partes importantes de la captura de pantalla.
Simplified screenshot example

PII

  • Elimina toda la Información de Identificación Personal (PII, por sus siglas en inglés) de las capturas de pantalla, incluyendo correos electrónicos, nombres de usuario y cualquier dato personal que pueda identificar a un individuo.
Remove PII example

Modo claro

  • Captura las capturas de pantalla en “Modo Claro” siempre que sea posible, ya que las imágenes en “Modo Oscuro” pueden no ser tan fácilmente discernibles para algunos usuarios.

Paint en Windows y Vista Previa en Mac son programas útiles para recortar y editar imágenes de capturas de pantalla. También puedes usar software gratuito como GIMP en Windows, Mac y Linux. Otras herramientas de edición se enumeran al final de este artículo.

Capturas de pantalla en Windows

Crear una captura de pantalla

Una vez que tengas la pantalla presentada de la manera que deseas para la captura de pantalla:

  1. Presiona la tecla imprimir pantalla (Print Screen o Prnt Scrn o prt sc o PrtSc o PrtScr, dependiendo de tu teclado). Esta tecla se encuentra generalmente en la sección superior derecha de tu teclado. Para capturar solo la ventana activa, mantén presionada la tecla Alt antes de presionar la tecla imprimir pantalla.
  2. Ve al menú Inicio de Windows y abre el programa Microsoft Paint desde la lista de Programas (busca en Accesorios).
  3. Una vez que Paint esté abierto, haz clic en Pegar y aparecerá tu captura de pantalla.
  4. Guarda tu imagen como un archivo PNG, en una ubicación fácil de encontrar como tu escritorio.

Recortar capturas de pantalla en Paint

Recortar capturas de pantalla te permite editar una imagen grande para mostrar a los lectores solo lo que necesitan ver.

  1. Abre la captura de pantalla en Paint.
  2. En la barra de herramientas, haz clic en Seleccionar+Selección rectangular.
    Paint1
  3. Tu cursor ahora parece una brújula. Usa tu cursor para dibujar un rectángulo alrededor del área que deseas que aparezca en la imagen final.
  4. Haz clic en Crop.

Hacer capturas de pantalla en Paint

Las capturas de pantalla te permiten enfocarte en una pequeña porción de una imagen dentro de una imagen más grande. Es posible que desees mostrar un botón en toda una barra de herramientas.

  1. Abre la captura de pantalla en Paint.
  2. En la barra de herramientas Formas, selecciona la forma de rectángulo.
    Paint3
  3. En la barra de herramientas Colores, selecciona el color rojo.
    Paint4
  4. Tu cursor ahora parece una brújula. Usa tu cursor para dibujar un rectángulo rojo alrededor del área que quieres mostrar.
    Paint2

Cambiar el tamaño de las imágenes en Paint

Algunas capturas de pantalla salen grandes. Pero es mejor no usar capturas de pantalla que tengan más de 620 píxeles de largo o ancho. A continuación, te explicamos cómo cambiar el tamaño de una captura de pantalla grande.

  1. Abre la captura de pantalla en Paint.
  2. Haz clic en Resize en la barra de herramientas. Se abre una ventana Cambiar tamaño y sesgar.
  3. Comprueba si tanto la altura como la anchura están por debajo de 620 píxeles. Si son más grandes, escribe un número más pequeño en la barra horizontal o vertical.
    Paint5

Capturas de pantalla en Mac

Crear una captura de pantalla

Una vez que tengas la pantalla presentada de la manera que deseas para la captura de pantalla:

  • Para capturar la pantalla, mantén presionada la tecla Command, así como la tecla Shift, mientras presionas 3.
  • Para capturar una sección específica, mantén presionada la tecla Command, así como la tecla Shift, mientras presionas 4; luego selecciona el área que deseas copiar.
  • Para capturar una ventana específica, mantén presionada la tecla Command, así como la tecla Shift, mientras presionas 4; luego presiona la Spacebar. A continuación, puedes hacer clic en una ventana para capturarla.

Como resultado, habrá un archivo PNG en tu escritorio.

Recortar imágenes en Vista Previa

Recortar capturas de pantalla te permite editar una imagen grande para mostrar a los lectores solo lo que necesitan ver.

  1. Abre la captura de pantalla en Vista Previa.
  2. Haz clic en PreviewToolbar en la barra de herramientas. Se abre una segunda barra de herramientas.
  3. Tu cursor ahora parece una brújula. Usa tu cursor para dibujar un rectángulo alrededor del área que deseas que aparezca en la imagen final.
    Preview2
  4. Haz clic en Crop.

Hacer capturas de pantalla en Vista Previa

Las capturas de pantalla te permiten enfocarte en una pequeña porción de una imagen dentro de una imagen más grande. Por ejemplo, es posible que desees destacar un botón en toda una barra de herramientas.

  1. Abre la captura de pantalla en Vista Previa.
  2. Haz clic en Tools > Annotate > Rectangle.
  3. Aparece un rectángulo rojo. Ajusta el rectángulo para que se ajuste alrededor del área que deseas destacar.
    ReloadiOS

Cambiar el tamaño de las imágenes en Vista Previa

Algunas capturas de pantalla salen grandes. Pero es mejor no usar capturas de pantalla que tengan más de 620 píxeles de largo o ancho. A continuación, te explicamos cómo cambiar el tamaño de una captura de pantalla grande.

  1. Abre una captura de pantalla en Vista Previa.
  2. Haz clic en Tools > Adjust Size. Se abre una ventana.
  3. Comprueba si tanto la altura como la anchura están por debajo de 620px. Si son más grandes, escribe un número más pequeño en la barra de altura o anchura.
  4. Asegúrate de que Scale Proportionally esté marcado y haz clic en OK.
    ScalePreview

Capturas de pantalla en Linux

Crear una captura de pantalla

Una vez que tengas la pantalla presentada de la manera que deseas para la captura de pantalla:

  • En Ubuntu Linux, haz clic en el menú Applications, ve a la carpeta Accessories y selecciona Take Screenshot.
  • En otros casos, dependiendo de tu gestor de escritorio, puedes usar KSnapshot o Gnome-screenshot o usar la tecla Print Screen o Prnt Scrn o prt sc o PrtSc, dependiendo de tu teclado, para capturar tu pantalla.

Capturas de pantalla en dispositivos iOS

Crear una captura de pantalla

Una vez que tengas la pantalla presentada de la manera que deseas en tu iPhone o iPad:

  1. Mantén presionado el botón Reposo/Activación, luego presiona inmediatamente el botón Inicio.
  2. Tu pantalla parpadeará en blanco por un segundo y el dispositivo hará un ruido de obturador de cámara (si el volumen está activado) para indicar que se ha tomado la captura de pantalla.
  3. La captura de pantalla ahora está almacenada en tu aplicación de fotos para que la veas.
Dispositivos iOS: En dispositivos iPhone 6 y superiores, el botón Reposo/Activación está en el lado derecho del dispositivo.

Capturas de pantalla en dispositivos Android

Crear una captura de pantalla

Una vez que tengas la pantalla presentada de la manera que deseas en tu teléfono o tableta Android:

  1. Mantén presionado el botón Reposo/Activación y el botón de bajar volumen simultáneamente. La pantalla parpadea.
  2. Encuentra la captura de pantalla en la aplicación Galería.
  3. Envía la captura de pantalla a tu computadora. Si lo deseas, edita la captura de pantalla en un software de edición de imágenes como Paint o Vista Previa.
  • En teléfonos Android que ejecutan Android de serie con la versión 9 (Pie) de Android instalada, simplemente puedes mantener presionado el botón de encendido/bloqueo/desbloqueo, lo que hará que se muestre el menú de Encendido. Desde el menú de Encendido, selecciona Captura de pantalla (la tercera opción en la parte inferior del menú) y una captura de pantalla se guardará automáticamente en la galería de tu teléfono.
  • No todos los dispositivos Android funcionan de la misma manera. Si los métodos anteriores no funcionan y tu dispositivo tiene un botón de inicio, mantén presionado el botón de inicio y el botón de encendido al mismo tiempo, hasta que la pantalla parpadee. Para otros métodos, consulta estos artículos:

Herramientas

Directrices completas de la Base de Conocimiento

Consulta más directrices en artículos de la Base de Conocimiento para colaboradores.

These fine people helped write this article:

Illustration of hands

Voluntario

Grow and share your expertise with others. Answer questions and improve our knowledge base.

Learn More