---

title: Шпаргалка по изображениям Markdown keywords: Шпаргалка по изображениям Markdown, Синтаксис изображений Markdown, Синтаксис изображений Markdown description: Краткий справочник по изображениям, ссылкам, цитатам Markdown, комбинациям и распространенным ошибкам.

Шпаргалка по изображениям Markdown

Синтаксис изображений Markdown

Встроенные изображения Markdown

![Альтернативный текст](image.jpg)
![Альтернативный текст](image.jpg "Заголовок изображения")

Справочные изображения Markdown

![Альтернативный текст][img-ref]

[img-ref]: image.jpg "Необязательный заголовок"

Ссылки на изображения Markdown

[![Альтернативный текст](image.jpg)](https://www.markdownlang.com)

Указание размера Markdown

<img src="image.jpg" alt="Альтернативный текст" width="300" height="200">

Распространенные комбинации Markdown

Кликабельное изображение Markdown

[![Логотип проекта](logo.png)](https://github.com/user/repo)

Центрированное изображение Markdown

<div align="center">
  <img src="image.jpg" alt="Описание">
</div>

Изображения рядом Markdown

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

Лучшие практики Markdown

Тип	Рекомендация	Пример
Текст ссылки	Использовать описательный текст	✅ [Руководство пользователя]()
Текст ссылки	Избегать "нажмите здесь"	❌ [Нажмите здесь]()
Файл изображения	Использовать относительный путь	✅ ./images/pic.jpg
Альтернативный текст	Описывать содержимое изображения	✅ ![Скриншот интерфейса]()
Формат файла	Использовать веб-форматы	✅ JPG, PNG, WebP

Вывод HTML Markdown

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

Распространенные ошибки Markdown

❌ Неправильные примеры:
[Link(https://www.markdownlang.com)     ← Отсутствует закрывающая скобка
![Image](image.jpg             ← Отсутствует закрывающая скобка
[ Link ]( https://www.markdownlang.com ) ← Ненужные пробелы

✅ Правильные примеры:
[Link](https://www.markdownlang.com)
![Image](image.jpg)
[Link](https://www.markdownlang.com)