Base64Tool은 텍스트와 이미지를 Base64 형식으로 인코딩하거나, Base64 문자열을 원래 텍스트로 디코딩하는 무료 온라인 도구입니다. 개발자가 API 요청 본문을 만들거나, CSS에 이미지를 인라인으로 삽입하거나, JWT 토큰을 분석할 때 자주 사용합니다. 모든 처리가 브라우저 내에서만 이루어지므로 입력한 데이터가 외부 서버로 전송되지 않습니다.
주요 기능
Base64란?
Base64는 이진 데이터(바이트)를 ASCII 문자로 변환하는 인코딩 방식입니다. 영문 대소문자 52자, 숫자 10자, 그리고 +, / 두 문자로 이루어진 64개의 문자만 사용합니다. 이메일 첨부파일, 이미지 인라인 삽입, 인증 토큰 등 텍스트만 허용되는 환경에서 이진 데이터를 전달할 때 사용합니다.
텍스트 탭 사용법
텍스트 → Base64 인코딩
텍스트 입력
왼쪽 입력창에 Base64로 변환하고 싶은 텍스트를 입력합니다. 한글, 영문, 숫자, 특수문자 모두 지원합니다.
인코딩 버튼 클릭
🔐 인코딩 (텍스트 → Base64) 버튼을 클릭합니다. 오른쪽 결과창에 Base64 문자열이 표시됩니다.
결과 복사
📋 결과 복사 버튼으로 클립보드에 복사합니다.
Base64 → 텍스트 디코딩
Base64 문자열 입력
왼쪽 입력창에 디코딩할 Base64 문자열을 붙여넣습니다.
디코딩 버튼 클릭
🔓 디코딩 (Base64 → 텍스트) 버튼을 클릭합니다. 올바른 Base64 형식이 아니면 오류 메시지가 표시됩니다.
입출력 교환 버튼
⇄ 입출력 교환 버튼을 클릭하면 입력창과 결과창의 내용이 서로 바뀝니다. 인코딩 결과를 다시 디코딩해 검증하거나, 디코딩 결과를 재가공해 다시 인코딩할 때 유용합니다.
이미지 탭 사용법
이미지 업로드
업로드 존을 클릭하거나 이미지를 드래그해 불러옵니다. JPG, PNG, WEBP, GIF 형식을 지원합니다.
결과 확인
파일명, 형식, 원본 크기, Base64 변환 크기와 함께 Base64 문자열이 자동으로 표시됩니다.
원하는 형식으로 복사
📋 Base64 복사는 순수 Base64 문자열만, 🔗 data URI 복사는 data:image/png;base64,... 형식 전체를 복사합니다.
Base64와 data URI의 차이
| 구분 | 형식 | 주로 사용하는 곳 |
|---|---|---|
| Base64만 | iVBORw0KGgo... |
API 요청 본문, JWT, 데이터베이스 저장 |
| data URI | data:image/png;base64,iVBORw0KGgo... |
HTML <img src>, CSS background-image, 이메일 인라인 이미지 |
한글 인코딩 지원
JavaScript의 기본 btoa() 함수는 ASCII 문자만 처리할 수 있어 한글을 직접 입력하면 오류가 납니다. Base64Tool은 encodeURIComponent()를 통해 한글을 먼저 UTF-8 바이트로 변환한 뒤 Base64로 인코딩하므로 한글을 포함한 모든 유니코드 문자를 안전하게 처리합니다.
활용 예시
username:password 형태의 텍스트를 Base64로 인코딩해 Authorization 헤더에 사용합니다.= 패딩이 없는 경우 붙여서 디코딩하세요.Base64 사용 시 주의사항
| 항목 | 내용 |
|---|---|
| 용량 증가 | Base64는 원본보다 약 33% 크기가 늘어납니다. 대용량 파일 인라인 삽입은 성능에 영향을 줄 수 있습니다. |
| 보안 오해 | Base64는 암호화가 아닙니다. 누구나 쉽게 디코딩할 수 있으므로 비밀번호나 민감한 정보를 숨기는 용도로 사용하면 안 됩니다. |
| JWT 패딩 | JWT의 Base64 인코딩은 = 패딩이 생략됩니다. 디코딩이 안 될 경우 문자열 끝에 =를 붙여보세요. |
| 줄바꿈 문자 | 일부 시스템에서 Base64에 줄바꿈(\n)이 포함됩니다. 디코딩 전 줄바꿈을 제거하면 됩니다. |