[HTML] img 이미지 태그 src 경로

img src 속성 형식

HTML의 img태그는 이미지 정보를 웹 상에서 추가하는 데 사용된다.

<img src="image data" alt="image A" />

src속성의 경우, 이미지 정보를 입력하는 속성이다.
웹 서버상 이미지 파일의 URL경로일 수도 있으며, 데이터 URI형식의 실제 이미지 데이터를 포함할 수 도 있다.

<img src="data:image/png;base64, QWE.." alt="image A" />

위와 같이 데이터 URI형식의 경우 일반적으로 위와 같이 dada:image/이미지타입;base64, 이미지인코딩데이터와 같이 표현된다.

위와 같이 이미지 태그의 src속성에 이미지 정보를 담을 경우, HTML상에 이미지 데이터가 직접 삽입되어 있는 형식이다.

웹 서버의 이미지 경로가 입력된 경우와 다르게, 이미지 표시를 위해 웹 서버에 해당 이미지 정보를 요청하지 않으나, 인코딩 된 이미지 데이터를 보면 상당히 길며 캐싱처리 되지 않는다.