[velog]이미지 크기 수정법

이미지를 복사해서 삽입하면 velog의 출간 전 글에서는

![](https://velog.velcdn.com/images%2Fhwang-chaewon%2Fpost%2Fa5c06a2d-295d-4a46-aca6-33a5f378756c%2FKakaoTalk_20220208_091545307.png)

와 같이 표시된다. 출간 후 실제로는 이미지가 보이고.

이미지 크기 조정

이미지 크기를 조정하기 위해서,

![](이미지링크)

를

<img src="이미지 링크">

와 같이 바꿔주고,

<img src="이미지 링크" width="n%" height="n%">

처럼 width와 height를 지정해주면 이미지 크기를 조정할 수 있다.

width="n%"(원본 대비 비율)
width=n%(원본 대비 비율)
width="n"(실제 width)
width=n(실제 width)
모두 가능하다.

주의사항

1. 이미지 링크, width, height 사이에 콤마(,)를 넣으면 안 된다.
   
   콤마를 넣을 경우 위의 이미지에서와 같이, 출간 후에서도 이미지가 아니라 출간 전의 텍스트가 그대로 표시된다.

2. 이미지 링크, width, height 옵션을 바로 붙여서 쓰면 안 된다.
   역시 텍스트만 그대로 표시된다.

이미지 링크, width, height사이에 공백 문자 1개를 넣는 방법만이 허용된다고 정리할 수 있을 것 같다.

의문점

일반 글쓰기에서는 이 방법으로 이미지 크기 조정이 잘 되는데,
velog소개글에서는 적용되지 않는다.
소개글의 비행기 창문 사진을 좀 작게 넣고 싶은데 방법이 없을까? 잘 찾아봐야겠다.




H1, H2등을 보면서 짐작만 하고 있었는데 velog의 포스팅 방법은 html의 문법을 따라가나 보다.
velog포스팅을 하면서 html도 자연스레 습득할 수 있을지 기대된다.

(참고: https://velog.io/@kjy5947/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4velog%EC%97%90%EC%84%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%ED%81%AC%EA%B8%B0-%EC%A7%80%EC%A0%95)