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 Agregar 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 "Agregar 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

Termina seleccionando "Confirmar Cambios" nuevamente.

Consejos Profesionales para Agregar Imágenes a GitHub ReadMe

  1. Sube la imagen a tu repositorio
    Ve a tu repositorio de GitHub, haz clic en el botón Agregar archivo y 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. Abre o crea el archivo README.md
    Regresa a tu repositorio. Si no hay un archivo README.md, haz clic en Agregar 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 descripción breve de la imagen.

  5. Previsualiza y confirma cambios
    Usa la pestaña de Previsualización en el editor para verificar cómo se ve la imagen. Si todo se ve bien, desplázate hacia abajo y haz clic en Confirmar cambios para guardar.

Problemas 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 faltan corchetes o paréntesis.

  3. Ruta de archivo local utilizada
    No uses rutas de archivos 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á. Siempre usa 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 sobre Cómo Agregar Imágenes a GitHub ReadMe

  1. ¿Cómo agrego una imagen local a un GitHub ReadMe?
    Sube primero la imagen a 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 se puede usar en la sintaxis Markdown.

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

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

  5. ¿Es posible redimensionar una imagen en GitHub ReadMe?
    No solo con Markdown. Para controlar el tamaño, usa 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 agregar avatares de IA, añadir voz en off, agregar zoom in y out 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 agregar un avatar de IA a la grabación de pantalla?
    Para agregar un avatar de IA a una grabación de pantalla, necesitarás usar una herramienta de grabación de pantalla con IA. Trupeer AI es una herramienta de grabación de pantalla con 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 integrada (Windows + G) o una herramienta de IA avanzada como Trupeer AI para contar con más funciones avanzadas como avatares de IA, voz en off, traducción, etc.

  9. ¿Cómo agregar voz en off a un video?
    Para agregar voz en off a videos, descarga la extensión de chrome de trupeer ai. Una vez que te hayas registrado, sube tu video con voz, elige la voz en off deseada de trupeer y exporta tu video editado. 

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

Guía Paso a Paso: Cómo Agregar 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 "Agregar 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

Termina seleccionando "Confirmar Cambios" nuevamente.

Consejos Profesionales para Agregar Imágenes a GitHub ReadMe

  1. Sube la imagen a tu repositorio
    Ve a tu repositorio de GitHub, haz clic en el botón Agregar archivo y 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. Abre o crea el archivo README.md
    Regresa a tu repositorio. Si no hay un archivo README.md, haz clic en Agregar 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 descripción breve de la imagen.

  5. Previsualiza y confirma cambios
    Usa la pestaña de Previsualización en el editor para verificar cómo se ve la imagen. Si todo se ve bien, desplázate hacia abajo y haz clic en Confirmar cambios para guardar.

Problemas 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 faltan corchetes o paréntesis.

  3. Ruta de archivo local utilizada
    No uses rutas de archivos 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á. Siempre usa 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 sobre Cómo Agregar Imágenes a GitHub ReadMe

  1. ¿Cómo agrego una imagen local a un GitHub ReadMe?
    Sube primero la imagen a 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 se puede usar en la sintaxis Markdown.

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

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

  5. ¿Es posible redimensionar una imagen en GitHub ReadMe?
    No solo con Markdown. Para controlar el tamaño, usa 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 agregar avatares de IA, añadir voz en off, agregar zoom in y out 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 agregar un avatar de IA a la grabación de pantalla?
    Para agregar un avatar de IA a una grabación de pantalla, necesitarás usar una herramienta de grabación de pantalla con IA. Trupeer AI es una herramienta de grabación de pantalla con 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 integrada (Windows + G) o una herramienta de IA avanzada como Trupeer AI para contar con más funciones avanzadas como avatares de IA, voz en off, traducción, etc.

  9. ¿Cómo agregar voz en off a un video?
    Para agregar voz en off a videos, descarga la extensión de chrome de trupeer ai. Una vez que te hayas registrado, sube tu video con voz, elige la voz en off deseada de trupeer y exporta tu video editado. 

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

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Make Videos with AI Avatars in 30+ languages

Experience the new & faster way of creating product videos.

Use TrupeerAI to create Videos with AI Avatars in 30+ languages seamlessly.

Experience the new & faster way of creating product videos.

Use TrupeerAI to create Videos with AI Avatars in 30+ languages seamlessly.

Experience the new & faster way of creating product videos.

Use TrupeerAI to create Videos with AI Avatars in 30+ languages seamlessly.