Prac0311
701
2021-03-12 11:27:07
2
123

이미지 전송 시 보여지는 data: image?


어느 사이트이든간에 홈페이지에 접속하면 저런식으로 이미지를 받아오는거 같더라고요.

data:image/png ..  근데 주소창에다가 저 RequsetURI를 주소창에 그대로 붙여넣으니 사진이 그대로 뜨더라고요. data: 이것도 하나의 프로토콜?? MIME 타입인건가요?  근데 서버에 이미지 파일을 요청하면 서버의 주소가 있을건데 그 내용이 헤더에 포함되어 있지 않아서 어떻게 이미지를 가져오는건지 잘 이해가 안갑니다. 어떻게 돌아가는건지 궁금합니다.

0
  • 답변 2

  • RWB
    575
    2021-03-12 11:31:50

    이미지가 포함된 URL을 할당해서 이미지를 표현하는 것이 아니라, 이미지의 바이너리 데이터 그 자체를 base64로 인코딩해서 표시하는 겁니다.


    즉, 이미지 파일 자체가 base64로 인코딩되어 웹에 전달되는 방식입니다.

    img 태그의 src 속성에 data를 붙이면, 해당 바이너리를 디코딩하여 표시해줍니다.

  • kenu
    53k
    2021-03-12 11:32:25

    소스에 있는 내용입니다.

    https://en.wikipedia.org/wiki/Data_URI_scheme


  • 로그인을 하시면 답변을 등록할 수 있습니다.