이미지 업로드 하는 방법

Update:     Updated:

Category:

Tags:


조금 귀찮지만 이미지를 업로드할 때 이미지 경로를 따로 정해주어야 한다.

이미지 삽입하기

링크를 삽입하는 방식이랑 굉장히 비슷한데 앞에 !를 추가적으로 붙여주면 된다.

![image](image경로 or 주소)



이미지 경로는 github 사이트를 활용하면 쉽게 가져올 수 있다.

  1. 본인의 Github Repository에 들어간다.

  2. Issue 탭으로 가서 New Issue를 클릭한다.

    image

  3. 업로드할 이미지를 드래그해서 붙여 넣는다.

    image

    잠시 기다리면 아래와 같이 뜨는데 여기서 src 부분에 이미지 링크를 복사해서 사용하면 된다.

    image


이미지 크기 조정하기

이미지 크기를 조정하는 방법에는 비율로 조정하거나 실제 크기를 지정해서 조정하는 방법이 있다. 비율로 조정하는 경우, 폰에서 이미지가 너무 작게 나오는 문제점이 생겨서 실제 이미지 크기를 조정하는 것이 더 좋은 것 같다.

{: width="비율%" height="비율%"}
{: width="550px"}    


💁🏻‍♀️ 아래는 실제로 넣은 예시

image



이미지 정렬하기

마찬가지로 이미지 정렬도 뒤에 붙여주면 된다.

  • {: .align-center} : 가운데 정렬
  • {: .align-left} : 왼쪽 정렬
  • {: .align-right} : 오른쪽 정렬





맨 위로 이동하기