velog 작성팁-(1)이미지 나란히 넣기

seul_tory·2023년 4월 28일

벨로그 작성법

목록 보기
2/2
post-thumbnail

💻velog에 이미지 나란히 넣기

문제: velog에서 이미지의 크기를 조절하여 2개 이상의 이미지나란히 넣고싶다.

🔑해결과정

  1. 구글링에 'velog 이미지 나란히', 'velog 이미지 크기 조절' 등으로 검색
  2. 방법 찾음: 다음과 같은 방법을 통해 이미지 크기를 조절하여 나란히 넣을 수 있다.
    -[방법1]: <img src="이미지링크" width="n%" height="n%"/>
    -[방법2]: ![](이미지링크){: width="n"}
    -[방법3]: ![](이미지링크){height=npx width=npx}
  1. 적용 결과는... 실패!
작성한 내용미리보기적용 유무(O/X)
<img src="https://velog.velcdn.com/images/seul_tory/post/c84b10fb-7eb4-41bb-a64d-8c8463395fdd/image.png"/>

[원본 작성방법]
[원본 미리보기]-
<img src="https://velog.velcdn.com/images/seul_tory/post/c84b10fb-7eb4-41bb-a64d-8c8463395fdd/image.png" width="50%" height="50%"/>

[방법1 작성방법]
[방법1 미리보기][적용 X]
![](https://velog.velcdn.com/images/seul_tory/post/c84b10fb-7eb4-41bb-a64d-8c8463395fdd/image.png){: width="50"}

[방법2 작성방법]
[방법2 미리보기][미리보기, 출간 모두 적용X]
![](https://velog.velcdn.com/images/seul_tory/post/c84b10fb-7eb4-41bb-a64d-8c8463395fdd/image.png){height=100px width=100px}

[방법3 작성방법]
[방법3 미리보기][미리보기, 출간 모두 적용X]
  1. 👍다른 대안

"💡테이블작성방법💡"을 사용하기

상단에는 이미지의 제목을,
중간에는 이미지와 이미지 설명을 작성하기로 하였다.

📌영감 받은 velog글 by.woojusm

👀결과물👀

이미지01 제목이미지02 제목이미지03 제목
이미지01 설명이미지02 설명이미지03 설명

0개의 댓글