Cómo agregar capturas de pantalla y animación a las solicitudes de extracción de GitHub

Los programadores de GitHub a menudo agregan capturas de pantalla o GIFs animados a sus solicitudes de extracción de repositorios. Estas técnicas son definitivamente más llamativas que hacer que alguien lea varias líneas de texto plano. Agregar capturas de pantalla estáticas es útil si deseas insertar cambios visuales o fotografías en línea. Para demostrar flujos de proceso y movimiento del cursor del mouse, puedes usar videos MP4 y animación GIF. El siguiente tutorial te muestra cómo agregar capturas de pantalla y animación MP4/GIF en solicitudes de extracción de GitHub.

Tabla de Contenidos

• 1. Agregar un nuevo repositorio y rama
• 2. Crear capturas de pantalla para GitHub
• 3. Crear videos y animación GIF para GitHub
• 4. Agregar capturas de pantalla o animaciones a las solicitudes de extracción de GitHub
• 5. Mostrar capturas de pantalla e imágenes GIF en una página de GitHub
• Preguntas Frecuentes

También lee: La guía para principiantes de Git

1. Agregar un nuevo repositorio y rama

Incluso si nunca has usado GitHub antes, puedes seguir los pasos a continuación para comenzar como desarrollador. Actualmente, solo necesitas un correo electrónico para crear una cuenta de GitHub. Esto hace que comenzar con GitHub sea mucho más fácil que antes.

1. Después de iniciar sesión en tu perfil de GitHub, haz clic en el signo “+” en la parte superior derecha para crear un nuevo repositorio.

1. Dale al repositorio un nombre de tu elección y elige mantenerlo público o privado. Recuerda marcar la opción “Inicializar este menú de repositorio junto con marcar un README”.

1. Puedes elegir liberar tu código en forma de una licencia Apache 2.0, licencia pública general GNU, licencia MIT, Eclipse, licencia pública de Mozilla, etc. Elige “ninguna” si no deseas que otros usen el código libremente.
2. Haz clic en “Crear repositorio” para confirmar la adición de tu repositorio bajo la rama principal de tu perfil.

1. En la siguiente etapa, agrega una rama a tu repositorio usando el menú desplegable que se muestra a continuación. Aquí, se ha agregado la rama “Guten-tag-1” al repositorio “Guten-tag”, que a su vez es una rama del repositorio principal “Hola-World.”

1. El propósito de una rama en GitHub es ayudar al desarrollador a trabajar en características y correcciones de errores separadas de la rama de producción maestra. Agregar un número de serie como 1, 2, 3, etc., es una forma más fácil de memorizar el nivel de la rama.

2. Crear capturas de pantalla para GitHub

Para agregar capturas de pantalla en GitHub, necesitas un buen software de captura de pantalla. En Windows 11, la herramienta de recorte es una aplicación de Microsoft mejor adecuada para este propósito. Si tienes algunos problemas con ella, sigue nuestra guía de solución de problemas.

Windows 10, sin embargo, utiliza una aplicación “Recorte y boceto” que funciona de manera muy similar a la herramienta de recorte de Windows 11, pero con menos funciones. Tiene un temporizador de 3 o 10 segundos para la demora en la captura de la pantalla.

También lee: Herramienta de recorte de Windows 11 no funciona: 12 posibles soluciones

3. Crear videos y animación GIF para GitHub

Para agregar videos o GIFs para GitHub, necesitas una buena herramienta de captura de video. En el pasado, no podías subir un MP4 en GitHub, pero eso ha cambiado.

En Windows 11 y Windows 10, puedes usar una aplicación de Microsoft Store llamada Grabador de pantalla & Grabar pantalla. Microsoft Store es la fuente más segura para descargar software de grabación de pantalla, ya que cada aplicación está diseñada para funcionar bien con Windows. Para aprender a grabar tu pantalla gratis en un Mac, sigue esta guía.

1. Inicia la aplicación de grabación de pantalla y elige un modo de captura: “Completo”, “Área”, “Cámara” o “Solo Audio.” Presiona “Iniciar” cuando estés listo para comenzar a grabar en tu pantalla.

1. Lo bueno de este software es que puedes elegir crear un GIF directamente seleccionando el modo GIF.

1. Alternativamente, puedes convertir fácilmente un MP4 a GIF usando Ezgif o cualquier otra herramienta en línea. Primero, agrega el video MP4 usando el enlace de carga.

1. Obtendrás una estimación aproximada del tamaño del archivo GIF, ancho y longitud. Puedes cambiar la tasa de fotogramas de tu archivo GIF para hacerlo más lento para instrucciones fáciles.

También lee: Cómo grabar tu pantalla en un Mac gratis

4. Agregar capturas de pantalla o animaciones a las solicitudes de extracción de GitHub

Una vez que hayas creado tus capturas de pantalla o videos, puedes agregarlos fácilmente a las solicitudes de extracción de GitHub.

1. Para agregar capturas de pantalla o video/animaciones a GitHub, regresa a la rama que creaste anteriormente y navega a “Solicitudes de extracción.” Alternativamente, accede directamente haciendo clic en la rama.

1. Para agregar un nuevo archivo, como MP4 o GIF, selecciona “Subir archivos” en la rama donde deseas que el archivo esté disponible.

1. Una vez en modo editor, puedes adjuntar la imagen de captura de pantalla y los archivos MP4/GIF desde la opción “elige tus archivos”. Si estás haciendo un compromiso por primera vez en el repositorio de la rama de GitHub, haz clic en “confirmar cambios”. Si no, elige “actualizar comentario”.

1. Espera unos segundos para que el archivo de captura de pantalla o animación se agregue a la rama de tu repositorio.

1. La captura de pantalla/video/animación creada se agrega con éxito a la rama de GitHub, y a su vez, al repositorio.

1. GitHub se trata de colaborar con otros desarrolladores. Si les gustan tus cambios propuestos, pueden fusionarlo en su propio repositorio. Esto se hace automáticamente si puedes ver una opción “Capaz de fusionar”.

1. Una vez que termines la fusión, los videos/capturas de pantalla aparecerán como “compromisos” en el repositorio maestro.

También lee: Cómo limpiar la caché de Git

5. Mostrar capturas de pantalla e imágenes GIF en una página de GitHub

En lugar de subir capturas de pantalla y archivos GIF por separado dentro del repositorio de la solicitud de extracción, también puedes hacer que sean visibles en la página de GitHub.

1. El truco es hacer clic en el archivo “ReadMe.md” visible en cualquier rama. Una vez que se abra, haz clic en un ícono llamado “Mostrar el blob de origen.” Esta rama se puede editar para mostrar imágenes, capturas de pantalla, GIFs y más.

1. Hacer clic en el ícono “editar archivo” llevará a una pantalla de codificación donde puedes agregar el código de la captura de pantalla o GIF animado. Es fácil mostrar una imagen agregando ! y envolviendo el texto alternativo en [ ], luego incrustando el enlace de la imagen en paréntesis ().

Si no deseas codificar, hay una forma más fácil de agregar una captura de pantalla/GIF directamente a la página del repositorio.

1. Haz clic en “editar archivo” en la página Readme.md, lo que llevará a una nueva ventana donde puedes adjuntar la captura de pantalla/GIF que se mostrará en la página de la rama.

1. Antes de confirmar los cambios en tu rama de GitHub, puedes previsualizar fácilmente la imagen, captura de pantalla o GIF.

También lee: Cómo instalar Git y Git Bash en Windows

Preguntas Frecuentes

¿Cómo alineo o redimensiono una imagen o captura de pantalla en GitHub?

Para alinear una imagen o captura de pantalla en tu página de GitHub, haz clic en “editar esto” en el archivo ReadMe.md, luego sube la imagen o captura de pantalla y agrega el siguiente código:

Modifica el código según si deseas que la imagen esté alineada a la izquierda, a la derecha o en el centro. Para redimensionar la imagen, modifica las dimensiones de ancho y alto.

¿Hay un límite de tamaño para archivos GIF y de video en GitHub?

Sí. El tamaño máximo del archivo es de 50 MB para archivos GIF o MP4 individuales. Usando una función oculta de GitHub llamada “GitHub Blocks”, puedes aumentar eso a 100 MB por cada archivo. Los repositorios de GitHub (tu rama principal) deben permanecer por debajo de 5 GB.

Si necesitas subir una imagen o video con un tamaño de archivo mayor, utiliza un programa de GitHub llamado GitHub Large File Storage (LFS), que tiene un límite máximo de 2 GB por archivo para usuarios Free/Pro.

¿Cómo comparto imágenes en GitHub?

GitHub actualmente no tiene ninguna facilidad para compartir imágenes directamente usando chat y herramientas relacionadas, como capturas de pantalla o GIFs. Sin embargo, puedes crear “problemas” en una página de GitHub y enviarlos para su revisión. Estos problemas pueden incluir las imágenes. Para notificar a una persona en GitHub, usa @ antes de su nombre de usuario.

Crédito de la imagen: Groot y Octocat en Unsplash Todas las capturas de pantalla tomadas por el autor.