[마크다운]velog에서 이미지 크기 조정.

Jong·2021년 6월 1일
48

마크다운

목록 보기
3/5
post-thumbnail

ㆍ적용 안된 방식

이미지를 복사,붙여넣기로 처음에 나오는 양식이

![](https://images.velog.io/images/post/99bd5126-8640-497c-ad81-0dd2738b50ad/image.png)

이런형태라고 할때,

대부분의 검색을 통해서 이미지사이즈 조정하는 내용 중에 제일 많이 나오는 방식이,

![](https://images.velog.io/images/post/99bd5126-8640-497c-ad81-0dd2738b50ad/image.png){: width="200"}

또는

![](https://images.velog.io/images/post/99bd5126-8640-497c-ad81-0dd2738b50ad/image.png){height=400px width=500px}

이런 방식의 내용들이 나온다. 하지만, 실제로 벨로그에 작성하였을 시 적용이 되지 않았다.

그래서 다른 방편으로 쓰이는 html의 img태그를 적용한 결과, 제대로 됐다.

ㆍ적용 성공시킨 방식

방법은 간단하다~

![]( 이미지링크 )

이 부분을,

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

로 바꿔주면 된다~~

그리고 나서, 태그 뒤쪽에

<img src="https://images.velog.io/images/post/99bd5126-8640-497c-ad81-0dd2738b50ad/image.png" width="30%" height="30>

처럼하게 되면은,

잘 적용되는 것을 확인할 수 있을 것이다.

※주의사항

<img 태그를 작성할때, <img사이에 공백이 들어가면 velog에 이미지가 적용되지 않는다.

profile
새싹 개발자 수련중(블로그 이전)

15개의 댓글

comment-user-thumbnail
2021년 6월 6일

감사합니다~ 덕분에 이미지를 잘 적용했어요 :D

답글 달기
comment-user-thumbnail
2021년 6월 30일

혹시 이거 지금도 적용되나요??
글 작성 시에 오른쪽에 미리보기에는 적용되는데 출간하면 조정 안된채로 나오네요ㅠㅠ

2개의 답글
comment-user-thumbnail
2021년 8월 4일

아래 댓글과 같이 미리보기에서는 되는데 출간하면 안되네요ㅜㅜ

1개의 답글
comment-user-thumbnail
2022년 4월 26일

감사합니다!!!

답글 달기
comment-user-thumbnail
2022년 10월 24일

이 방식 안됩니다

답글 달기
comment-user-thumbnail
2022년 11월 23일

감사합니다 잘 이용할게요!

답글 달기
comment-user-thumbnail
2023년 6월 7일

행님아 뒤에 쌍따옴표 뺴먹었따

답글 달기
comment-user-thumbnail
2023년 12월 19일

2023 12월 시점에서 위에 태그 다 적용안됨. 이미지 사이즈 조절 불가

답글 달기
comment-user-thumbnail
2024년 11월 5일

Width는 되는데 height는 안되는 거ㅜ맞나요

답글 달기