하고 싶은 일

Markdown에서 자료 작성을 할 때 Paste한 이미지 크기를 쉽게 수정할 수 있도록 하고 싶다!
그런 때의 설정 방법입니다

(4K디스플레이로 화상 캡쳐하면 낭비에 화상이 커지거나 있을까요?)

사용이미지👇

사용 도구

Visual Studio Code

Paste Image - Visual Studio Marketplace : 클립 보드의 이미지를 Markdown 파일 등에 직접 붙여 넣을 수있는 확장

설정 방법

Markdown의 img 태그는 크기 지정을 지원하지 않습니다.
따라서 이미지 크기를 변경하는 경우 아래와 같이 HTML로 지정해야합니다.

Markdown![***代替テキスト***](***画像URL***)↓
HTML<img src="***画像URL***" width="***サイズ***">
그래서 Paste Image의 Insert Pattern을 아래와 같이 HTML 기법으로 변경합니다.

사용자 설정 ⇒ 설정 ⇒ 확장 기능 ⇒ Paste Image Configuration ⇒ Paste Image: Insert Pattern

setting.json 발췌

"pasteImage.insertPattern": "<img src='${imageFileName}' width='100%'>"

기본적으로 width=100%가 부여되므로 필요에 따라 조정합니다.
미리보기 화면에서 확인하는 것 외에도 VSCode의 창 오른쪽 하단에 표시되는 크기를 확인하고 조정할 수 있다고 생각합니다.



이제 Markdown에 이미지 붙여 넣기가 완성됩니다 ♪