이미지를 base64 로 인코딩해주는 사이트

사이트를 개발하거나, 유지보수 하다보면 상황에 따라서 이미지를 업로드 할 수 없는 상황이 오기도한다.

머, 외부 사이트에 업로드하고 링크를 걸 수도있지만, 이미지 자체를 base64 형식으로 바꿔서 보여줄 수도있다.

https://www.base64-image.de/

사용할 이미지를 사이트에 드레그시키면 코드로 변환해준다.

 위의 방법은 전문용어로 데이타 URI 스킴(Data-URI scheme)이라고 한다.

사용법은 img 테그 src 부분에 컨버팅된 문자를 넣어주면된다.

ex)<img src="data:image/jpeg;base64,---코드 삽입---" />

텍스트라서 용량이 얼마 안될거 같지만,,실제 이미지보다 파일 용량은 커지는것이 함정이다..

피치 못한 상황에서 활용이 가능할것같다.

위의 그림은 실제 컨버팅한 소스를 적용한 그림이다..완전 똑같다..ㅎㅎ;;