이미지에서 Base64로 변환

이미지에서 Base64로 변환하는 방법은 무엇인가요?

  1. Base64로 변환할 이미지를 선택하세요. 
  2. 변환된 결과는 아래의 textarea에 표시됩니다. 
  3. '복사' 버튼을 클릭하면 Base64 형식의 문자열을 복사할 수 있습니다.

Base64란 무엇인가요?

Base64는 64개의 가시 문자를 사용하여 이진 데이터를 표시하는 방법입니다.
Base64는 일반적인 텍스트 데이터 처리 환경에서 이진 데이터를 표현, 전송 및 저장하는 데 자주 사용되며, MIME 이메일 및 XML 내의 복잡한 데이터 등이 포함됩니다.
이미지의 Base64 인코딩은 이미지 데이터를 문자열로 인코딩하여 이미지 URL 대신 문자열을 사용하는 방식입니다. 이로 인해 이미지 URL을 사용하지 않아도 됩니다.
이미지에서 Base64로 변환 도구는 PNG를 Base64로, GIF를 Base64로, JPEG를 Base64로 변환하는 등 다양한 이미지 형식을 지원합니다. 원하는 이미지를 지정된 영역에 업로드하기만 하면 작업을 완료할 수 있습니다!

Base64 형식

data:[][;charset=][;base64], 

CSS에서 Base64 사용 방법

.base64Img{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqIAAACrCAYAAAC9kf4SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA...."); } 

HTML에서 Base64 사용 방법

<img width="200" height="200" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqIAAACrCAYAAAC9kf4SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA...." />