[Git] README.md에 넣을 이미지 크기 조정하기

💡 이번 포스팅에서는 이런 것들을 다뤄요
README.md에 들어갈 이미지 사이즈를 조정하고 Preview하는 법을 다룹니다. 

 

들어가며

 

README.md를 작성할 때 이미지를 붙여넣기 하면 이미지 크기가 그대로 들어가는데, 다른 텍스트와 어울리도록 이미지 사이즈를 조정하고 싶은 경우가 있다. 그래서 오늘은 이미지 조정 방법과 Preview로 확인하면서 이미지 적절히 배치하는 법을 알아보려고 한다. 

 

이미지 삽입 

이미지를 복붙하면 다음과 같이 나온다. 아래와 같은 형식으로 작성해주면 이미지가 들어간다. 

![image](이미지소스링크)

 

Preview 확인하기  및 이미지 크기 조정

 

1) 우측 Preview를 클릭하면 commit 후 어떻게 README.md가 바뀌는지 확인할 수 있다.

 

 

2) 이제 사이즈 조정을 한번 해보겠다. 

비교를 위해 하단에 사이즈를 조정한 이미지를 넣어보자. 형식은 다음과 같다. 

<img src="이미지소스링크" width="330" height="220"/> # width 넓이 height 높이

 

 

width와 height를 조정해주면 다음과 같이 하단에 크기가 조정된 이미지가 삽입된다. 

 

3) 마지막으로 한 가지 당부하자면, 지금은 Preview를 보느라 README.md를 Github에서 수정했는데, 이렇게 하면 버전 관리를 위해서 로컬에서 수정할 때 꼭! git pull을 해서 Github에서 수정이 일어난 사항들을 반영해주어야 한다. 그래서 보통은 Github에서 수정하지 않고 로컬에서 작업하고 push를 해준다는 것을 기억하자.