---

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
대체 텍스트	이미지 내용 설명	✅ ![UI 스크린샷]()
파일 형식	웹 친화적 형식 사용	✅ JPG, PNG, WebP

Markdown HTML 출력

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)