Free개인정보 보호 · 로컬 처리 · 계정 불필요

개발자를 위한 Base64 도구
브라우저에서 Base64를 인코딩, 디코딩, 변환하세요

브라우저에서 Base64를 인코딩, 디코딩, 변환하세요. 데이터가 컴퓨터를 벗어나지 않습니다.

서버 요청 없음40개 이상의 도구오픈 소스
base64_encodeLIVE
100% Client-side
atob() · btoa() · FileReader
서버 요청 없음
40개 이상의 도구
40개 이상의 도구
Encode · decode · convert
오픈 소스
MIT · GitHub
01ALL TOOLS

Base64에 필요한 모든 것

인코더, 디코더, 변환기, 유효성 검사기 — 모든 워크플로우 지원.

Image → Base64

Drag-and-drop any image. Get a data URI ready to paste into HTML, CSS, or JSON.

data:image/png;base64,iVBORw0KGgoAAAA…
Encoder
B64

Base64 → Image

Paste any Base64 string. Preview and download the decoded image instantly.

iVBORw0KGgoAAAA…→image.png
Decoder
↓

Text → Base64

Encode any UTF-8 text. Standard or URL-safe.

Encoder

File → Base64

Any file type — PDF, ZIP, font, binary.

Encoder

Base64 → Text

Decode JWT tokens, API headers, config values.

Decoder

Base64 → File

Recover original files from Base64 strings.

Decoder

Base64 → PNG

Decode and export as lossless PNG.

Converter

Base64 → JPEG

Convert with adjustable quality.

Converter

Base64 → WebP

Modern format, smaller file sizes.

Converter

Validator

Check if a string is valid Base64.

Utility

Size Calculator

Calculate encoded output size before embedding.

Utility

Embed Generator

Get HTML/CSS embed code in one click.

Utility

What is Base64?

Complete guide to Base64 encoding and RFC 4648.

Reference
02HOW IT WORKS

서버 접촉 없음. 설계상.

모든 작업이 브라우저 네이티브 API에서 실행됩니다. 데이터가 탭을 벗어나지 않습니다.

01

입력을 제공합니다

파일을 드래그하거나 문자열을 붙여넣거나 이미지를 업로드합니다. 로컬에 유지됩니다.

const file = input.files[0];
02

브라우저 API가 인코딩

FileReader, atob/btoa, Canvas가 인코딩을 처리합니다 — 모든 브라우저에 내장되어 있습니다.

const b64 = btoa(binary);
03

출력은 당신의 것

문자열을 복사하거나 파일을 다운로드합니다. 네트워크 요청 없음.

// no uploads. ever.
03FAQ

자주 묻는 질문

데이터가 정말 비공개인가요?
네. 도구를 사용하는 동안 DevTools → 네트워크를 열어보세요 — POST 요청이 없음을 확인할 수 있습니다. 모든 작업은 FileReader, atob()/btoa(), Canvas를 사용하며 네트워크에 접근하지 않습니다.
Base64 인코딩이란?
Base64는 64개의 인쇄 가능한 ASCII 문자를 사용하여 이진 데이터를 텍스트로 변환합니다. HTML/CSS에 이미지 삽입, JSON API에서 파일 전송에 사용됩니다. 인코딩은 약 33%의 크기를 추가합니다. 완전한 가이드
CSS에 이미지를 삽입하는 방법은?
이미지 인코더로 이미지를 인코딩하고: background-image: url('data:image/png;base64,…')를 사용하세요.
표준 Base64 vs URL-safe?
표준 Base64는 URL에서 문제가 되는 +와 /를 사용합니다. URL-safe 버전(RFC 4648 §5)은 이를 -와 _로 대체합니다.