이미지를 base64 로 인코딩해주는 사이트
2016. 7. 28. 13:08
반응형
사이트를 개발하거나, 유지보수 하다보면 상황에 따라서 이미지를 업로드 할 수 없는 상황이 오기도한다.
머, 외부 사이트에 업로드하고 링크를 걸 수도있지만, 이미지 자체를 base64 형식으로 바꿔서 보여줄 수도있다.
사용할 이미지를 사이트에 드레그시키면 코드로 변환해준다.
위의 방법은 전문용어로 데이타 URI 스킴(Data-URI scheme)이라고 한다.
사용법은 img 테그 src 부분에 컨버팅된 문자를 넣어주면된다.
ex)<img src="data:image/jpeg;base64,---코드 삽입---" />
텍스트라서 용량이 얼마 안될거 같지만,,실제 이미지보다 파일 용량은 커지는것이 함정이다..
피치 못한 상황에서 활용이 가능할것같다.
위의 그림은 실제 컨버팅한 소스를 적용한 그림이다..완전 똑같다..ㅎㅎ;;
반응형
댓글 개