Base64 인코딩

관련 추천

Base64 인코딩이란 무엇인가요?

사용 사례

• JWT 디버깅: JWT 의 header 와 payload(Base64URL)를 디코드해 클레임 내용을 확인
• Basic Auth: username:password 를 HTTP Basic 인증 문자열로 인코딩
• OAuth 개발: PKCE 의 code_verifier 생성 또는 code_challenge 검증
• API 디버깅: JSON 데이터를 인코딩하거나 API 가 반환한 Base64 필드 디코딩
• Data URI 이미지 삽입: 작은 아이콘을 data:image/...;base64,... 형식으로 CSS / HTML 에 삽입
• 이메일 첨부 인코딩: MIME Base64 형식으로 메일 첨부용 바이너리 데이터 처리

이용 방법

1. 모드 선택: Encode(인코딩) 또는 Decode(디코딩)를 눌러 방향을 바꿉니다
2. 변형 선택: Standard, URL-Safe(JWT / OAuth), MIME(메일용 76자 줄바꿈) 중 선택합니다
3. 내용 입력: 텍스트나 Base64 문자열을 붙여 넣으면 즉시 처리됩니다
4. 통계 확인: 하단에 문자 수와 용량 증가율(인코딩 시 약 33%)이 표시됩니다
5. 결과 복사: Base64 문자열이나 디코딩된 텍스트를 한 번에 복사할 수 있습니다

주요 기능

• Encode / Decode 원클릭 전환: 인코딩과 디코딩 모드를 자유롭게 바꾸고 결과를 다시 입력으로 이어서 처리할 수 있습니다
• 세 가지 문자셋 지원: UTF-8(한글 / 일본어 / emoji), ASCII, ISO-8859-1 지원
• 세 가지 변형 출력: Standard, URL-Safe(JWT / OAuth / PKCE), MIME(RFC 2045 76자 줄바꿈)
• 실시간 용량 통계: 입력 / 출력 문자 수와 증가율을 즉시 표시 (Base64 는 약 33% 증가)
• 친절한 오류 안내: 지원 범위를 벗어난 문자가 있으면 단순 실패 대신 구체적 원인을 표시
• 드래그 가능한 구분선: PC 에서 좌우 편집 영역 비율 조절 가능
• 모바일 전용 탭 전환: 스마트폰 / 태블릿에서도 입력과 출력 영역을 편하게 전환

코드 예제

// Encode (UTF-8 safe)
function b64Encode(str) {
  return btoa(unescape(encodeURIComponent(str)));
}

// Decode (UTF-8 safe)
function b64Decode(str) {
  return decodeURIComponent(escape(atob(str)));
}

// URL-Safe encode (JWT / OAuth)
function b64UrlEncode(str) {
  return btoa(unescape(encodeURIComponent(str)))
    .replace(/\+/g, '-')
    .replace(/\//g, '_')
    .replace(/=+$/, '');
}

console.log(b64Encode('Hello 세계')); // SGVsbG8g7IS47rOE
console.log(b64Decode('SGVsbG8g7IS47rOE')); // Hello 세계

import base64

encoded = base64.b64encode('Hello 세계'.encode('utf-8'))
print(encoded.decode())

decoded = base64.b64decode(encoded).decode('utf-8')
print(decoded)

url_safe = base64.urlsafe_b64encode('Hello 세계'.encode('utf-8'))
print(url_safe.decode())

url_safe_no_pad = url_safe.decode().rstrip('=')
print(url_safe_no_pad)

import java.nio.charset.StandardCharsets;
import java.util.Base64;

public class Base64Example {
    public static void main(String[] args) {
        String text = "Hello 세계";

        String encoded = Base64.getEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(encoded);

        String decoded = new String(
            Base64.getDecoder().decode(encoded), StandardCharsets.UTF_8);
        System.out.println(decoded);

        String urlSafe = Base64.getUrlEncoder().withoutPadding()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(urlSafe);

        String mime = Base64.getMimeEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
    }
}

자주 묻는 질문

용어집

RFC 4648

IETF 가 발행한 Base16 / Base32 / Base64 공식 표준입니다. 표준 Base64 와 URL-Safe Base64 의 알파벳, padding, 줄바꿈, 비허용 문자 처리 규칙을 정의합니다.URL-Safe Base64 도구Base64 Padding 도구

RFC 2045 (MIME)

MIME 표준으로, Base64 를 이메일 콘텐츠 전송 인코딩으로 처음 정의했습니다. 각 줄 76자 제한과 CRLF 줄바꿈을 규정하는 MIME Base64 의 근거입니다.MIME Base64 도구

Base64URL (URL-Safe Base64)

RFC 4648 §5 에 정의된 URL 안전 변형입니다. + 를 - 로, / 를 _ 로 바꾸고 보통 = padding 을 생략합니다. JWT, OAuth PKCE, URL 파라미터, 파일명 등에 널리 쓰입니다.URL-Safe Base64 도구JWT 도구

MIME Base64

RFC 2045 규격에 맞는 Base64 변형으로 76자마다 CRLF 줄바꿈을 넣습니다. 주로 이메일 첨부 전송에 사용됩니다.MIME Base64 도구

Padding

Base64 결과 길이는 4의 배수여야 합니다. 입력 바이트 수가 3의 배수가 아닐 때는 끝에 = 문자를 붙여 맞춥니다. Standard Base64 는 padding 을 사용하고 Base64URL 은 주로 생략합니다.Base64 Padding 도구

Base64 알파벳

Base64 인코딩에 사용되는 64개 문자 집합입니다. 표준 Base64 는 A-Z, a-z, 0-9, +, / 를 사용하며 필요 시 = 가 padding 으로 추가됩니다.

btoa / atob

브라우저 기본 Base64 인코드 / 디코드 API 입니다. btoa 는 binary to ASCII, atob 는 ASCII to binary 를 뜻합니다. Latin-1 기준이므로 한글은 UTF-8 변환이 필요합니다.

Data URI Scheme

작은 파일을 URL 안에 직접 넣는 형식으로, data:[<mediatype>][;base64],<data> 형태를 사용합니다. 작은 아이콘이나 CSS 배경 이미지를 인라인으로 넣을 때 자주 활용됩니다.Data URI 도구Base64 를 이미지로 변환

HTTP Basic Authentication

HTTP 인증 방식 중 하나로 username:password 를 콜론으로 연결한 뒤 Base64 로 인코딩하여 Authorization 헤더에 넣습니다.Auth Header 빌더

Base64 용량 증가율

Base64 인코딩 후 데이터 크기가 얼마나 늘어나는지를 뜻합니다. 3바이트를 4문자로 바꾸므로 약 33% 증가합니다. padding 이 붙으면 약간 더 커질 수 있습니다.

Base64 세 가지 변형 비교

Base 계열 인코딩 비교표

Authoritative References

• ReferenceRFC 4648 - The Base16, Base32, and Base64 Data Encodings
• ReferenceRFC 2045 - MIME Part One: Format of Internet Message Bodies
• ReferenceRFC 7519 - JSON Web Token (JWT)
• ReferenceMDN Web Docs - btoa()
• ReferenceMDN Web Docs - atob()
• ReferenceWikipedia - Base64