이미지를 Base64로 변환하는 방법
- 1이미지를 상자에 끌어다 놓거나, 스크린샷을 붙여넣거나, “파일 선택”을 누르세요.
- 2출력 형식을 고르세요: data URI, Base64만, HTML, CSS, Markdown.
- 3코드를 복사해 웹 페이지, 스타일시트 또는 API 요청에 붙여넣으세요.
출력 형식
Data URI
data:image/png;base64,iVBOR…URL을 쓸 수 있는 곳이면 어디서나 사용할 수 있습니다.Base64만
iVBORw0KGgoAAAANSUhEUg…Base64 부분만 받는 JSON 필드와 API용입니다.HTML
<img src="data:image/png;base64,…" alt="">HTML 이메일과 단일 파일 페이지의 인라인 이미지입니다.CSS
background-image: url("data:…");추가 요청 없이 쓰는 작은 아이콘과 패턴입니다.Markdown
data URI를 지원하는 README와 노트용입니다.이미지를 인라인으로 넣기 좋은 경우
Base64로 바꾸면 이미지가 약 3분의 1 커지고, 인라인 이미지는 페이지와 따로 캐시할 수 없습니다. 작은 아이콘, HTML 이메일의 로고, 단일 파일 문서에는 인라인이 유리합니다. 사진이나 약 10 KB가 넘는 이미지는 일반 이미지 파일이 보통 더 빠릅니다.
자주 묻는 질문
파일 크기 제한이 있나요?
모든 처리가 브라우저에서 이루어지므로 정해진 제한은 없습니다. 다만 아주 큰 이미지는 매우 긴 문자열이 되어 편집기가 느려질 수 있으니 인라인 이미지는 작게 유지하세요.
변환하면 화질이 떨어지나요?
아니요. 파일의 바이트를 그대로 인코딩하며 크기 조정이나 재압축을 하지 않습니다. 디코딩하면 완전히 같은 파일이 나옵니다.
Base64 이미지를 이메일에 쓸 수 있나요?
Apple Mail과 대부분의 모바일 메일 앱은 표시합니다. Gmail과 일부 Outlook 버전은 data URI를 차단하므로 수신자가 쓰는 메일 앱에서 테스트하세요.
문자열을 다시 이미지로 바꾸려면?
Base64를 이미지로에 붙여넣으면 미리 보고 다운로드할 수 있습니다.