Tutoriales

Cómo añadir imágenes al README de GitHub

Aprende a añadir imágenes a tu archivo README de GitHub utilizando la sintaxis de Markdown o enlaces de imagen. Guía paso a paso para mostrar visuales en tus repositorios.

Guía Paso a Paso: Cómo Añadir Imágenes a Github ReadMe


Paso 1

Comienza navegando a la sección "Repositorios" en GitHub y haz clic en ella.

Begin by navigating to the "Repositories" section on GitHub and click on it.

Paso 2

Y luego haz clic en "Añadir README" para continuar.

Paso 3

Continúa seleccionando "Adjuntar Archivos" y haz clic en ello para seguir.

Paso 4

Una vez cargado, haz clic en "Confirmar Cambios".

Paso 5

Finaliza seleccionando "Confirmar Cambios" nuevamente.

Consejos Profesionales para Añadir Imágenes a GitHub ReadMe

  1. Carga la imagen en tu repositorio
    Ve a tu repositorio de GitHub, haz clic en el botón Añadir archivo, luego elige Cargar archivos. Arrastra y suelta tu imagen o selecciónala de tu computadora.

  2. Copiar la URL de la imagen
    Una vez cargada, haz clic en el archivo de imagen. Se abrirá en una nueva página. Haz clic derecho en la imagen y selecciona Copiar dirección de imagen.

  3. Abrir o crear el archivo README.md
    Vuelve a tu repositorio. Si no hay un archivo README.md, haz clic en Añadir archivo y selecciona Crear nuevo archivo. Nómbralo README.md.

  4. Inserta la imagen usando la sintaxis Markdown
    Usa este formato para insertar la imagen en el archivo README:
    Reemplaza image-url con el enlace copiado y Alt text con una breve descripción de la imagen.

  5. Previsualiza y confirma los cambios
    Utiliza la pestaña Previsualizar en el editor para comprobar cómo se ve la imagen. Si todo luce bien, desplázate hacia abajo y haz clic en Confirmar cambios para guardar.

Erros Comunes y Cómo Evitarlos

  1. Imagen no cargando
    Asegúrate de que la imagen esté almacenada en un repositorio público o alojada en una plataforma que soporte enlaces directos a imágenes.

  2. Formato Markdown incorrecto
    El formato correcto es Verifica si falta corchetes o paréntesis.

  3. Ruta de archivo local utilizada
    No utilices rutas de archivo de tu computadora local. Usa solo URLs o rutas de repositorio.

  4. Enlace roto o desactualizado
    Si mueves o eliminas la imagen del repositorio, el enlace se romperá. Usa siempre la ruta final del archivo.

  5. Tamaño de imagen grande
    Cambia el tamaño o comprime imágenes grandes antes de cargar para mantener tu ReadMe limpio y rápido.

Preguntas Frecuentes Comunes Sobre Añadir Imágenes a GitHub ReadMe

  1. ¿Cómo añado una imagen local a un GitHub ReadMe?
    Carga primero la imagen en tu repositorio, luego usa la sintaxis de imagen Markdown para hacer referencia a ella.

  2. ¿Puedo usar una URL de imagen externa?
    Sí, cualquier URL de imagen disponible públicamente puede ser utilizada en la sintaxis Markdown.

  3. ¿Cuál es la sintaxis Markdown correcta para añadir una imagen?
    El formato es

  4. ¿Puedo centrar la imagen en un archivo ReadMe?
    Markdown no soporta centrado directamente, pero puedes usar HTML como <p align="center"> para controlar el diseño.

  5. ¿Es posible cambiar el tamaño de una imagen en GitHub ReadMe?
    No solo con Markdown. Para controlar el tamaño, utiliza HTML básico como <img src="image-url" width="300"/> dentro del archivo README.

  6. ¿Cómo grabar la pantalla en mac? 
    Para grabar la pantalla en un Mac, puedes usar Trupeer AI. Te permite capturar toda la pantalla y proporciona capacidades de IA como añadir avatares de IA, añadir voz en off, agregar zoom y desenfoque en el video. Con la función de traducción de video de trupeer, puedes traducir el video a más de 30 idiomas. 

  7. ¿Cómo añadir un avatar de IA a la grabación de pantalla?
    Para añadir un avatar de IA a una grabación de pantalla, necesitarás usar una herramienta de grabación de pantalla de IA. Trupeer AI es una herramienta de grabación de pantalla de IA, que te ayuda a crear videos con múltiples avatares, también te ayuda a crear tu propio avatar para el video.

  8. ¿Cómo grabar la pantalla en windows?
    Para grabar la pantalla en Windows, puedes usar la Barra de Juego incorporada (Windows + G) o una herramienta de IA avanzada como Trupeer AI para más características avanzadas como avatares de IA, voz en off, traducción, etc.

  9. ¿Cómo añadir voz en off al video?
    Para añadir voz en off a los videos, descarga la extensión de chrome trupeer ai. Una vez registrado, sube tu video con voz, elige la voz en off deseada de trupeer y exporta tu video editado. 

  10. ¿Cómo puedo hacer zoom en una grabación de pantalla?
    Para hacer zoom durante una grabación de pantalla, utiliza los efectos de zoom en Trupeer AI que te permiten hacer zoom en y fuera en momentos específicos, mejorando el impacto visual de tu contenido de video.

Guía Paso a Paso: Cómo Añadir Imágenes a Github ReadMe


Paso 1

Comienza navegando a la sección "Repositorios" en GitHub y haz clic en ella.

Begin by navigating to the "Repositories" section on GitHub and click on it.

Paso 2

Y luego haz clic en "Añadir README" para continuar.

Paso 3

Continúa seleccionando "Adjuntar Archivos" y haz clic en ello para seguir.

Paso 4

Una vez cargado, haz clic en "Confirmar Cambios".

Paso 5

Finaliza seleccionando "Confirmar Cambios" nuevamente.

Consejos Profesionales para Añadir Imágenes a GitHub ReadMe

  1. Carga la imagen en tu repositorio
    Ve a tu repositorio de GitHub, haz clic en el botón Añadir archivo, luego elige Cargar archivos. Arrastra y suelta tu imagen o selecciónala de tu computadora.

  2. Copiar la URL de la imagen
    Una vez cargada, haz clic en el archivo de imagen. Se abrirá en una nueva página. Haz clic derecho en la imagen y selecciona Copiar dirección de imagen.

  3. Abrir o crear el archivo README.md
    Vuelve a tu repositorio. Si no hay un archivo README.md, haz clic en Añadir archivo y selecciona Crear nuevo archivo. Nómbralo README.md.

  4. Inserta la imagen usando la sintaxis Markdown
    Usa este formato para insertar la imagen en el archivo README:
    Reemplaza image-url con el enlace copiado y Alt text con una breve descripción de la imagen.

  5. Previsualiza y confirma los cambios
    Utiliza la pestaña Previsualizar en el editor para comprobar cómo se ve la imagen. Si todo luce bien, desplázate hacia abajo y haz clic en Confirmar cambios para guardar.

Erros Comunes y Cómo Evitarlos

  1. Imagen no cargando
    Asegúrate de que la imagen esté almacenada en un repositorio público o alojada en una plataforma que soporte enlaces directos a imágenes.

  2. Formato Markdown incorrecto
    El formato correcto es Verifica si falta corchetes o paréntesis.

  3. Ruta de archivo local utilizada
    No utilices rutas de archivo de tu computadora local. Usa solo URLs o rutas de repositorio.

  4. Enlace roto o desactualizado
    Si mueves o eliminas la imagen del repositorio, el enlace se romperá. Usa siempre la ruta final del archivo.

  5. Tamaño de imagen grande
    Cambia el tamaño o comprime imágenes grandes antes de cargar para mantener tu ReadMe limpio y rápido.

Preguntas Frecuentes Comunes Sobre Añadir Imágenes a GitHub ReadMe

  1. ¿Cómo añado una imagen local a un GitHub ReadMe?
    Carga primero la imagen en tu repositorio, luego usa la sintaxis de imagen Markdown para hacer referencia a ella.

  2. ¿Puedo usar una URL de imagen externa?
    Sí, cualquier URL de imagen disponible públicamente puede ser utilizada en la sintaxis Markdown.

  3. ¿Cuál es la sintaxis Markdown correcta para añadir una imagen?
    El formato es

  4. ¿Puedo centrar la imagen en un archivo ReadMe?
    Markdown no soporta centrado directamente, pero puedes usar HTML como <p align="center"> para controlar el diseño.

  5. ¿Es posible cambiar el tamaño de una imagen en GitHub ReadMe?
    No solo con Markdown. Para controlar el tamaño, utiliza HTML básico como <img src="image-url" width="300"/> dentro del archivo README.

  6. ¿Cómo grabar la pantalla en mac? 
    Para grabar la pantalla en un Mac, puedes usar Trupeer AI. Te permite capturar toda la pantalla y proporciona capacidades de IA como añadir avatares de IA, añadir voz en off, agregar zoom y desenfoque en el video. Con la función de traducción de video de trupeer, puedes traducir el video a más de 30 idiomas. 

  7. ¿Cómo añadir un avatar de IA a la grabación de pantalla?
    Para añadir un avatar de IA a una grabación de pantalla, necesitarás usar una herramienta de grabación de pantalla de IA. Trupeer AI es una herramienta de grabación de pantalla de IA, que te ayuda a crear videos con múltiples avatares, también te ayuda a crear tu propio avatar para el video.

  8. ¿Cómo grabar la pantalla en windows?
    Para grabar la pantalla en Windows, puedes usar la Barra de Juego incorporada (Windows + G) o una herramienta de IA avanzada como Trupeer AI para más características avanzadas como avatares de IA, voz en off, traducción, etc.

  9. ¿Cómo añadir voz en off al video?
    Para añadir voz en off a los videos, descarga la extensión de chrome trupeer ai. Una vez registrado, sube tu video con voz, elige la voz en off deseada de trupeer y exporta tu video editado. 

  10. ¿Cómo puedo hacer zoom en una grabación de pantalla?
    Para hacer zoom durante una grabación de pantalla, utiliza los efectos de zoom en Trupeer AI que te permiten hacer zoom en y fuera en momentos específicos, mejorando el impacto visual de tu contenido de video.

Comienza a crear videos con nuestro generador de videos y documentos con IA

Comienza a crear videos con nuestro generador de videos y documentos con IA

Comienza a crear videos con nuestro generador de videos y documentos con IA

Comienza a crear videos con nuestro generador de videos y documentos con IA

Vídeos y documentos de productos de IA instantáneos a partir de grabaciones de pantalla en bruto

Empieza gratis

Empieza gratis

Experimenta la nueva y más rápida forma de crear videos de productos.

Vídeos y documentos de productos de IA instantáneos a partir de grabaciones de pantalla en bruto.

Get started for free

Empieza gratis

Experimenta la nueva y más rápida forma de crear videos de productos.

Vídeos y documentos de productos de IA instantáneos a partir de grabaciones de pantalla en bruto.

Get started for free

Empieza gratis

Experimenta la nueva y más rápida forma de crear videos de productos.

Vídeos y documentos de productos de IA instantáneos a partir de grabaciones de pantalla en bruto.

Get started for free

Empieza gratis