[Github] Readme에 이미지 추가하기 및 크기 지정하기

 

---

Readme(마크다운) 파일에 이미지 추가하기 및 크기 지정하기

 

Github를 사용하다보면, Markdown 형태로 된 README 파일을 만들게 된다.

프로젝트를 소개하기 위해서 README에 사진 이미지를 넣고 싶다면 어떻게 해야 되는지 여러가지 방법을 살펴보자.

 

 

1. Github 마크다운 표준  업로드 방법

 

REAMDE가 존재한 Github 저장소 내부에 image가 저장되어있다면, 상대경로를 통해 편하게 이미지 업로드가 가능하다.
[ ] 내부에는 이미지의 이름을 지정하고, ( ) 안에 이미지의 상대 경로 혹은 URL 주소를 넣으면 사진이 출력된다.

 

다만, 이미지 사이즈 조절이 어렵다는 단점이 있다.
기존에 존재하던 {: width="100" height="100"} 등의 방법이 이제 더이상 지원이 되지 않기 때문이다. 

 

![img_title](img_path)

<< Example >>
![Simpson Local](images/Simpson.png)
![Simpson Url](https://i.pinimg.com/originals/20/78/a9/2078a921387fb535735b19820175bacf.jpg)

 

 

 

2. HTML 지원을 통한 업로드 방법

 

Github Markdown은 HTML을 통한 이미지 업로드를 지원한다. 이를 통해 CSS와 같이 디자인을 진행할 수 있고, 이미지 사이즈 또한 조절할 수 있다.

 

<img src="YOUR URL" width="YOUR_WIDTH" height="YOUR_HEIGHT">

<< Example >>
<img src="images/Simpson.png", width="1000">
<img src="https://i.pinimg.com/originals/20/78/a9/2078a921387fb535735b19820175bacf.jpg" width="500">