11 / base64-encoder
무료 온라인 도구
Base64 인코더/디코더
텍스트나 파일을 Base64로 인코딩하거나 Base64 문자열을 즉시 디코딩합니다.
사용 방법
- 01
입력창에 텍스트 또는 Base64 문자열을 붙여넣습니다.
- 02
'인코딩'을 클릭하여 Base64로 변환하거나 '디코딩'을 클릭하여 역변환합니다.
- 03
복사 버튼으로 결과를 복사합니다.
소개
이 도구는 무엇인가요?
Base64는 바이너리 데이터를 64개의 인쇄 가능한 ASCII 문자를 사용한 텍스트 문자열로 변환하는 인코딩 방식입니다. HTML/CSS에서 이미지 삽입, 이메일 첨부파일 인코딩, JSON API에서 바이너리 데이터 전송에 널리 사용됩니다. 이 도구는 브라우저의 기본 btoa()와 atob() 함수를 사용합니다.
이 도구를 사용하는 이유
- -CSS나 HTML에서 이미지를 데이터 URL로 삽입.
- -API 응답이나 JWT 페이로드의 Base64 문자열 디코딩.
- -서버 불필요 — 민감한 문자열에 안전.
- -표준 및 URL 안전 Base64 처리.
주요 기능
- -텍스트 → Base64 인코딩(btoa).
- -Base64 → 텍스트 디코딩(atob).
- -유니코드 문자 처리.
- -원클릭 클립보드 복사.
비교
Base64 인코딩 vs 다른 방식
| 방식 | 출력 크기 | 사용 사례 | 보안 |
|---|---|---|---|
| Base64 | +33% 증가 | 데이터 URI, API 페이로드, JWT | 없음 — 누구나 디코딩 가능 |
| Hex 인코딩 | +100% 증가 | 바이너리 디버깅, 체크섬 | 없음 |
| URL 인코딩 | 가변 | 쿼리 파라미터, 폼 데이터 | 없음 |
| 암호화(AES) | 가변 | 민감한 데이터 보호 | 강함 — 키 필요 |
모든 처리는 JavaScript를 사용하여 브라우저 내에서 완전히 실행됩니다. 파일, 텍스트, 데이터는 절대 서버로 전송되지 않습니다. 귀하의 데이터는 기기 내에만 존재합니다.
✦ 드래곤테일의 팁
Dragontail에서 자주 사용하는 패턴: 작은 아이콘 SVG를 CSS background-image에 직접 삽입할 때 Base64로 변환하여 데이터 URI로 사용합니다. 이렇게 하면 네트워크 요청 하나를 완전히 없앨 수 있습니다. 단, 원본 SVG는 반드시 저장소에 보관하세요 — 편집할 때는 Base64 버전이 아니라 원본이 필요합니다.
자주 묻는 질문
Base64가 암호화인가요?
아닙니다. Base64는 인코딩이지 암호화가 아닙니다. 누구나 디코딩할 수 있습니다. 민감한 데이터를 숨기는 데 사용하지 마세요.
표준 Base64와 URL 안전 Base64의 차이는?
URL 안전 Base64는 URL과 파일명에서의 충돌을 피하기 위해 +를 -로, /를 _로 대체합니다.
이미지를 인코딩할 수 있나요?
이미지 같은 바이너리 파일은 먼저 바이너리로 변환해야 합니다. 이 도구는 텍스트 기반 Base64 인코딩을 처리합니다.