깃허브(GitHub)의 README 파일에 이미지/동영상 올리는 방법

※ 깃허브 README 파일에 마크다운으로 이미지 올리는 법 ※

 

  깃허브(GitHub)의 README 파일에 이미지(image)를 올리는 것은 간단하다. 먼저 [Issues] 탭으로 이동한 뒤에 하나의 이미지를 업로드한다. 그러면 깃허브 서비스 서버에 해당 이미지가 업로드된다.

 

 

  잠시 기다리면 다음과 같이 이미지 경로가 생성된다. 이 경로를 붙여넣으면 된다.

 

 

이제 해당 경로를 복사한 뒤에 README 파일에 마크다운(markdown) 양식에 맞게 다음과 같이 붙여넣으면 된다.

 

<img width="{해상도 비율}" src="{이미지 경로}"/>

 

  필자의 경우 다음과 같이 붙여넣었다.

 

<img width="80%" src="https://user-images.githubusercontent.com/16822641/109461495-913fc480-7aa5-11eb-9d0e-aff762669f98.gif"/>

 

  결과적으로 다음과 같이 붙여넣을 수 있다. 참고로 필자는 단순한 이미지 파일이 아닌 .gif 파일을 붙여넣었다. 그래도 정상적으로 잘 동작한다.

 

 

※ 참고: 동영상 파일(.mp4)을 .gif로 확장자로 만드는 방법 ※

 

  깃허브(GitHub)에 동영상 파일을 직접적으로 업로드하기는 쉽지 않다. 그래서 일반적으로 MP4 확장자를 GIF 확장자로 변형한 뒤에 업로드한다. 아래 사이트에 방문하면 쉽게 변경할 수 있다.

 

▶ Cloud Convert MP4 to GIF 변환기: cloudconvert.com/mp4-to-gif

 

  방문 이후에 [Select File] 버튼을 눌러 변환할 동영상 파일을 선택한다.

 

 

  변환할 동영상 파일을 선택한 뒤에는 [Convert] 버튼을 눌러 변환을 진행한다.

 

 

  변환이 완료된 이후에 [Download] 버튼을 눌러 완성된 파일을 받을 수 있다.