---

title: Hoja de referencia de imágenes Markdown keywords: Hoja de referencia de imágenes Markdown, Sintaxis de imágenes Markdown, Sintaxis de imágenes Markdown description: Referencia rápida para imágenes, enlaces, citas Markdown, combinaciones y errores comunes.

Hoja de referencia de imágenes Markdown

Sintaxis de imágenes Markdown

Imágenes en línea Markdown

![Texto alternativo](image.jpg)
![Texto alternativo](image.jpg "Título de la imagen")

Imágenes de referencia Markdown

![Texto alternativo][img-ref]

[img-ref]: image.jpg "Título opcional"

Enlaces de imágenes Markdown

[![Texto alternativo](image.jpg)](https://www.markdownlang.com)

Especificar tamaño Markdown

<img src="image.jpg" alt="Texto alternativo" width="300" height="200">

Combinaciones comunes Markdown

Imagen clicable Markdown

[![Logo del proyecto](logo.png)](https://github.com/user/repo)

Imagen centrada Markdown

<div align="center">
  <img src="image.jpg" alt="Descripción">
</div>

Imágenes lado a lado Markdown

<img src="img1.jpg" width="48%"> <img src="img2.jpg" width="48%">

Mejores prácticas Markdown

Tipo	Sugerencia	Ejemplo
Texto del enlace	Usar texto descriptivo	✅ [Guía del usuario]()
Texto del enlace	Evitar "haga clic aquí"	❌ [Haga clic aquí]()
Archivo de imagen	Usar ruta relativa	✅ ./images/pic.jpg
Texto alternativo	Describir el contenido de la imagen	✅ ![Captura de pantalla de la interfaz]()
Formato de archivo	Usar formatos web	✅ JPG, PNG, WebP

Salida HTML Markdown

Markdown	HTML
[text](url)	<a href="url">text</a>
	<img src="img" alt="alt">
<url>	<a href="url">url</a>

Errores comunes Markdown

❌ Ejemplos incorrectos:
[Link(https://www.markdownlang.com)     ← Falta paréntesis de cierre
![Image](image.jpg             ← Falta paréntesis de cierre
[ Link ]( https://www.markdownlang.com ) ← Espacios innecesarios

✅ Ejemplos correctos:
[Link](https://www.markdownlang.com)
![Image](image.jpg)
[Link](https://www.markdownlang.com)