Github 블로그 image 사이즈 조정하기

Github 블로그 포스트에 삽입된 이미지 사이즈 조정법

블로그 포스팅 하면서 알게된 마크다운 이미지 사이즈 조정하는 방법을 공유하려 한다

⚠️ 매우 간단함 주의

혹쉬 마크다운에 이미지 삽입하는 방법을 모른다면 Github 블로그 image 삽입하기 포스트를 참고하기 바랍니당


📍이미지 링크 옆에 조건 적기

마크다운에 이미지를 삽입할 때 ![이미지 이름](이미지 URL) 과 같은 형식으로 입력한다.

사이즈 조정은 그 뒤에 {: width="100%"} 이런식으로 붙여주면 된다.

전체적으로 보면 아래와 같이 써진다.

![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg){: width="100%"}


✔️조건 없이 이미지만 삽입했을 때

![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg)

image

✔️width 100% 일 때

![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg){: width="100%"}

image

✔️width 50% 일 때

![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg){: width="50%"}

image

✔️width 30% 일 때

![image](https://file.newswire.co.kr/data/datafile2/thumb_480/2008/12/2039103817_20081204102208_5415926347.jpg){: width="30%"}

image


% 말고 px 등 다른 단위로 써도 된다! 그럼 이만~~~