Base64 파일 인코더이란?

모든 파일을 Base64 인코딩 텍스트 문자열로 변환하는 파일-to-Base64 인코더입니다. JSON, HTML, CSS에 파일을 직접 삽입하거나 텍스트 전용 채널을 통해 바이너리 데이터를 전송할 때 유용합니다.

최대 50 MB 파일을 선택하거나 끌어다 놓으면 인코더가 기기 내에서 읽어 바이트를 Base64로 변환하고, 파일 크기·감지된 MIME 형식·전체 data URI와 함께 결과를 보여 줍니다. 출력 형식을 바꾸면 어떤 파일이든 바이트를 JSON, XML 또는 붙여넣기만 하면 되는 HTML 다운로드 링크로 감쌀 수 있으며, 내장된 JavaScript·Python·Shell 코드 조각에서 그에 맞는 디코딩 호출을 확인할 수 있습니다. 디코딩 모드로 전환하면 Base64 문자열을 붙여넣어 원본 파일을 내려받을 수 있고, 줄 바꿈과 패딩 제거 옵션으로 출력을 MIME, PEM, JWT에 정확히 맞출 수 있습니다.

사용 방법

1. 이미지, 문서, 오디오 등 원하는 파일을 업로드하거나 드래그 앤 드롭으로 인코더에 올려놓으세요.
2. 생성된 Base64 문자열과 파일 크기, MIME 타입, Data URI 형식을 함께 확인하세요.
3. Base64 문자열 또는 Data URI를 클립보드에 복사하거나 텍스트 파일로 다운로드하세요.

사용 시기

• 작은 아이콘이나 폰트를 data URI로 CSS에 직접 임베드하여 네트워크 요청을 줄이기.
• multipart 업로드를 받지 않는 JSON API에 바이너리 데이터를 함께 보낼 때.
• 첨부가 금지된 지원 티켓에 최소 재현 파일을 일반 텍스트로 붙여넣기.

결과

개발자가 작은 아이콘을 CSS 스타일시트에 직접 삽입해야 했습니다. 2KB짜리 favicon.png를 업로드하고 생성된 Data URI를 background-image 값으로 복사해 사용했습니다.

자주 묻는 질문

인코딩된 텍스트가 원본보다 약 3분의 1 정도 커지는 이유는 무엇인가요?

Base64는 입력 3바이트를 4개의 ASCII 문자로 표현하기 때문에 출력 크기가 약 33% 증가합니다. 2 KB 이미지는 약 2.7 KB 텍스트가 됩니다. 이런 방식으로 많은 파일을 임베드하면 큰 CSS 번들에서 누적 비용이 눈에 띄게 커지므로 주의해야 합니다.

Base64 문자열과 data URI의 차이는 무엇인가요?

Base64 문자열은 인코딩된 바이트만을 의미하고, data URI는 그 앞에 data:<mime>;base64, 를 붙여 브라우저나 메일 클라이언트가 곧바로 렌더링할 수 있도록 감싸 둔 형식입니다. HTML/CSS에는 data URI를, 수신 측에서 접두사를 직접 붙이는 경우에는 원시 문자열을 사용합니다.

여기서 200 MB짜리 동영상을 인코딩할 수 있나요?

페이지를 가볍게 유지하기 위해 업로드는 50 MB로 제한합니다. 200 MB 파일의 Base64는 약 270 MB 텍스트가 되며, 이렇게 긴 문자열에서는 대부분의 편집기가 매우 느려집니다. 큰 미디어는 CDN URL이나 서버 측 인코더를 사용하세요.

MIME 타입이 정말 중요한가요? 항상 application/octet-stream을 써도 되나요?

중요합니다. 수신 측은 MIME 타입을 보고 데이터를 렌더링하거나 저장할 방법을 결정합니다. HTML에 임베드된 PNG는 image/png로 선언해야 브라우저가 인라인으로 그릴 수 있고, 타입을 잘못 적으면 다운로드 프롬프트나 깨진 이미지 아이콘이 나타납니다.

인코딩할 때 파일이 어디론가 업로드되나요?

아닙니다. 변환은 브라우저의 FileReader API로 이뤄지며 바이트는 기기 밖으로 나가지 않습니다. 네트워크 연결을 끊고 파일을 드래그해 보면 인코더가 그대로 동작하므로 직접 확인할 수 있습니다.

관련 도구