---

title: Guida rapida alle immagini Markdown keywords: Guida rapida alle immagini Markdown, Sintassi delle immagini Markdown, Sintassi delle immagini Markdown description: Riferimento rapido per immagini, link, citazioni Markdown, combinazioni ed errori comuni.

Guida rapida alle immagini Markdown

Sintassi delle immagini Markdown

Immagini inline Markdown

![Testo alternativo](image.jpg)
![Testo alternativo](image.jpg "Titolo dell'immagine")

Immagini di riferimento Markdown

![Testo alternativo][img-ref]

[img-ref]: image.jpg "Titolo opzionale"

Link di immagini Markdown

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

Specificare la dimensione Markdown

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

Combinazioni comuni Markdown

Immagine cliccabile Markdown

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

Immagine centrata Markdown

<div align="center">
  <img src="image.jpg" alt="Descrizione">
</div>

Immagini affiancate Markdown

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

Migliori pratiche Markdown

Tipo	Suggerimento	Esempio
Testo del link	Usare testo descrittivo	✅ [Guida utente]()
Testo del link	Evitare "clicca qui"	❌ [Clicca qui]()
File immagine	Usare percorso relativo	✅ ./images/pic.jpg
Testo alternativo	Descrivere il contenuto dell'immagine	✅ ![Screenshot interfaccia]()
Formato file	Usare formati web	✅ JPG, PNG, WebP

Output HTML Markdown

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

Errori comuni Markdown

❌ Esempi errati:
[Link(https://www.markdownlang.com)     ← Parentesi di chiusura mancante
![Image](image.jpg             ← Parentesi di chiusura mancante
[ Link ]( https://www.markdownlang.com ) ← Spazi non necessari

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