Base64가 하는 일
Base64는 이미지·파일 같은 이진(binary) 데이터를 텍스트로만 이루어진 64개 문자(A–Z, a–z, 0–9, +, /)로 바꾸는 인코딩입니다. 암호화가 아니라 표현 방식의 변환이라, 누구나 다시 디코딩할 수 있습니다. 비밀번호를 숨기는 용도로 쓰면 안 됩니다.
용량은 약 33% 늘어납니다
3바이트(24비트)를 4글자로 표현하기 때문에, 원본보다 결과물이 대략 1.33배 커집니다. 예를 들어 30KB 아이콘은 약 40KB의 Base64 문자열이 됩니다. 작은 파일을 인라인으로 박을 때만 이득이고, 큰 파일은 오히려 손해입니다.
가장 흔한 용도: Data URL
작은 이미지를 별도 요청 없이 HTML/CSS에 직접 넣을 때 씁니다.
.logo { background: url("data:image/png;base64,iVBORw0KGg..."); }
HTTP 요청 한 번을 줄일 수 있어, 1~2KB짜리 아이콘에 적합합니다.
사용 팁
- 인코딩/디코딩 방향을 먼저 확인하세요. 깨진 결과가 나오면 방향이 반대인 경우가 많습니다.
- URL에 넣을 때는
+,/가 문제될 수 있어 URL-safe 변형(-,_)을 씁니다.
입력값은 브라우저 안에서만 처리되며 서버로 전송되지 않습니다. 원리와 활용은 Base64 인코딩·디코딩 가이드에서 더 다룹니다.