마크다운에서 이미지 크기를 조절할 수 있나요?

네, 마크다운에서 이미지 크기를 조절할 수 있습니다.

이미지의 크기를 조절하려면 width 속성을 사용하면 됩니다.
다만, 이미지를 드래그해서 삽입할 경우 마크다운 문법으로 자동 변환되기 때문에 크기 조정을 위해서는 이를 HTML 태그 형식으로 바꿔줘야 합니다.


1. 마크다운 문법에서 HTML 태그로 변환하기

예를 들어, 이미지를 드래그해서 삽입하면 다음과 같은 마크다운 코드가 생성됩니다.

![파이썬 마크다운 이미지 조절.jpg](attachment:5010d986-0fc2-444d-aabc-871661ec8201.jpg)

이 코드를 다음과 같이 HTML 태그로 변환해야 크기 조정이 가능합니다.

<img src="attachment:5010d986-0fc2-444d-aabc-871661ec8201.jpg" width="300px">


2.  width속성을 사용한 크기 조정 방법

HTML 태그로 변환한 후에는 다음 두 가지 방식으로 크기를 조정할 수 있습니다.

  1. px(픽셀) 방식: 이미지 크기를 고정된 픽셀 값으로 설정합니다.

  2. % 방식: 창 크기에 따라 이미지 크기가 자동으로 조정됩니다.

예제

  • %를 사용할 경우 (창 크기에 따라 유동적으로 조정):

<img src="attachment:dc6898d9-29eb-413f-8455-1cb94bb2187b.png" width="85%">
  • px를 사용할 경우 (고정 크기):

<img src="attachment:dc6898d9-29eb-413f-8455-1cb94bb2187b.png" width="800px">

아직 해결되지 않은 궁금증이 있나요?

아직 해결되지 않은 궁금증이 있나요?

궁금한 내용을 검색해보세요.