[정보] Github에 Markdown에 Gif 파일 쉽게 올리는 방법

 

지난번에 github에 Gif 올리는 방법을 포스팅했었는데 지금은 그 방법보다 더 간단한 방법을 찾게 되어서 포스팅해보려고 한다.
이전 방법은 녹화 → Gif 사이트 변환 → 이슈에 올려서 주소 얻기 → README에 올리기였는데 새로운 방법은 훨씬 간단하다. 방법은 다음과 같다.

 

네이버 캡쳐 프로그램 이용하기

이전 방법이 너무 번거로워서 바로 Gif 녹화하다가 찾게 된 프로그램이다. 나는 윈도우 환경이라서 이 프로그램과 잘 맞는 편인데 mac을 쓴다면 아마 다른 방법이 더 편하지 않을까 싶다.

이 프로그램에 대해서 알게 된 것은 Gif 녹화에 대해 검색하다 발견한 블로그 때문이었다. 네이버 캡쳐는 사실 지금은 운영 중지된 프로그램인데, 사용성이 너무 편해서 파일로 다운받아서 사용하는 사람들이 많은 듯하다.

Gif 캡쳐하는 것도 편하고, 이미지도 캡쳐 후에 화살표나 텍스트 등을 넣을 수 있어서 사용성이 정말 좋다.

네이버캡쳐.exe

3.31MB

위의 파일을 통하면 파일을 다운로드할 수 있다. 저 파일에는 네이버 툴바 + 캡쳐 프로그램이 들어있는데 캡쳐만! 받으면 된다. 그 외에 체크박스를 통한 다운로드 유도가 많으니 모두 체크해제하고 캡쳐 프로그램만 받으면 된다.

 

 

본격 Gif로 캡쳐하기

설치를 마쳤다는 가정 하에 방법을 설명하면 다음과 같다.

 

1. 단축키 설정하기

환경설정 → 단축키 → 동영상 캡쳐 이동한 후 사용할 단축키 설정 (자신이 편한 대로 설정)

 

2. 저장 파일 형식 설정하기

환경설정 → 동영상 캡쳐 → 저장 설정 이동 후 Gif 선택
우리는 Gif 파일이 필요한 것이므로 기본 설정 상태인 MP4가 아닌 Gif로 설정한다.
그리고 이 탭에서 자동 저장 여부와 경로를 지정할 수 있다.

 

3. 캡쳐할 영역 설정하기

아까 설정해 둔 단축키를 누른다. (네이버 캡쳐 프로그램이 켜진 상태에서 동작함)

예시 ) 태연 - 킬링보이스 유튜브

그러면 위와 같이 십자선이 뜨면서 영역을 설정할 수 있다. 십자선으로 캡쳐할 영역을 정하면 아래와 같은 화면을 볼 수 있다. 또한 영역 설정 후 조정하고 싶다면 저 선위에 점을 통해 조정 가능하고, 위치도 이동할 수 있다.😱

예시 ) 태연 - 킬링보이스 유튜브

 

4. 캡쳐 하기

저기에 REC 버튼을 누르면 동영상을 Gif로 녹화할 수 있다.
너무 프레임이 많지 않다면 대부분 깃허브 Gif 최대 허용 용량인 10mb 이하로 녹화되는 것 같다.
원하는 만큼 녹화가 되면 중지 버튼을 누른다.

 

5. 저장하기

원래 네이버 캡처를 소개해주던 블로그에서는 Gif 파일을 녹화 후 복붙을 하면 바로 사용할 수 있다고 되어있었는데, 시간이 많이 지나서인지 그 기능은 동작하지 않는 것 같다. 복붙 하면 그냥 검은 화면만 나온다.
(Img는 복붙이 가능함)

하지만 저장해서 붙여 넣기 하는 것도 앞에 소개한 방법에 비하면 훨씬 간편하다.

중지 버튼을 누른 후 저장버튼을 누르면 내가 설정한 곳에 파일이 저장되고 그 파일을 github업로드에 사용하면 된다.

예시 ) 태연 - 킬링보이스 유튜브

 

 

 

Github에 Gif 파일 업로드하기

보통 프로젝트 동작 화면을 README에 올리기 위해서 Gif 파일을 사용하는데, 이전에는 github이슈에 올린 뒤 주소를 받아서 그걸 복사한 뒤에 README.md파일에 넣어서 사용했다.

하지만 이제는 훨씬 간단하게 업로드 가능하다. Gif를 올리려는 README.md 혹은 markdown파일에 Gif파일을 그냥 끌어서 넣으면 된다!!🙊

왼쪽처럼 그냥 파일을 첨부하면 오른쪽처럼 바로 Gif가 보이는 것을 확인할 수 있다. (이미지의 경우도 마찬가지)

만약 파일 사이즈를 조정해야 한다면 아래와 같이 이미지 태그 안에 style을 설정하면 된다.

<img src="주소" style="width:200px">
</img>

 

이 방법을 알게 된 후 github에 gif 올리는 시간이 현저히 줄어들었다.
앞에 소개했던 방법보다는 훨씬 간단해서 이 방법을 소개했지만 아마 더 편한 방법이 있을 수도 있다.
그걸 찾게 된다면 또 포스팅해야겠다.😄