img 태그에 이미지 파일을 연결하는 방법이 가장 기본적이지만 여기서 소개하는 방법은 이미지 파일을 base64 로 인코딩한 텍스트 문자로 img 태그에 적용하는 것입니다.


방법은 src 에 이미지 파일 경로를 지정하는 대신에 data:// 를 설정해서 이미지를 표현하는데, 문자열은 text/plan 이고, base64 로 인코딩되어 있음을 지정합니다.


 <img src="data:image/gif;base64, ...>

ex .1)

<?php  
 $data 
base64_encode(file_get_contents("test.png")); 
 echo 
"<img src='data:image/gif;base64, $data'>"
?>


위 예제와 같이 이미지 파일을 base64 로 인코딩하면 아래 결과에서 처럼 텍스트 문자를 얻을 수 있고, 브라우저에서는 그림으로 출력되게 됩니다.


 <img src="data:image/gif;base64, R0lGODlhZABkAPQAAP///wAAAI6OjmhoaDY2Njw8

PFxcXBwcHBISEiwsLFRUVExMTH5+foaGhiQkJAAAAHZ2dkRERAoKCgAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBha

F4bG9hZC5pbmZvACH5BAAHAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAA....">


결과: