파일 → Base64 변환기
아무 파일이나 Base64·data: URI로 인코딩하고 이미지는 HTML·CSS·마크다운 스니펫까지 — 반대로 원본 파일로 디코딩하며 그림은 미리 보여 줍니다.
🔒 모든 처리는 브라우저에서 이뤄지며 파일은 업로드되지 않고 오프라인에서도 동작합니다.
아무 파일이나 여기에 드롭하거나 클릭해 선택
모든 파일을 인코딩·디코딩
이미지·PDF·폰트·zip·WASM 등 어떤 파일이든 드롭하면 Base64 문자열과 바로 붙여넣을 수 있는 data: URI가 생성되고 각각 한 번에 복사하거나 .txt로 내려받을 수 있습니다. 이미지라면 썸네일과 함께 붙여넣을 형태도 만들어 줍니다 — HTML <img>, CSS background-image, 마크다운, 일반 링크, 내려받기 링크, 파비콘 <link>. 디코딩 모드에서는 Base64나 data URI를 붙여넣거나 저장해 둔 .txt를 열어 원본 바이너리 파일로 내려받으며, 그림이면 먼저 미리 보여 줍니다. 모든 처리는 브라우저에서 이뤄져 크거나 민감한 파일도 업로드되지 않습니다.
Base64와 data URI
Base64는 바이너리 바이트를 ASCII 텍스트로 바꿔 JSON·환경변수·소스코드처럼 텍스트만 허용하는 곳에서도 안전하게 전달되게 합니다. data URI는 여기에 MIME 타입을 붙여(data:image/png;base64,…) HTML·CSS·Markdown에 별도 요청 없이 바로 삽입할 수 있게 합니다.
자주 묻는 질문
Base 인코더와 무엇이 다른가요?
옆의 Base64 인코더는 텍스트를 중심으로 만든 도구라 파일도 열 수 있지만 더 작은 파일까지이고, data: URI 없이 Base64 문자열만 돌려줍니다. 이 도구가 파일용입니다 — 폰트·PDF·압축파일·실행파일 등 10 MB까지 어떤 파일이든 바이트 그대로 Base64 문자열과 MIME 타입이 붙은 data: URI로 만들고, 반대로 붙여넣은 것을 원본 파일로 내려받게 합니다.
파일이 서버로 업로드되나요?
아니요. 인코딩과 디코딩 모두 브라우저의 FileReader·Blob API로 처리되므로 파일이 기기를 벗어나지 않고, 페이지가 한 번 열린 뒤에는 오프라인에서도 동작합니다.
Base64 이미지를 data: 접두어 없이도 저장하기 전에 볼 수 있나요?
네. 형식은 data: 접두어에서, 접두어가 없으면 바이트 자체에서 읽습니다 — PNG·JPEG·GIF·WebP·BMP·SVG 등. 이미지 형식이면 저장하기 전에 그림을 미리 보여 줍니다. 형식이 틀렸다면 MIME 타입에서 다른 것을 고르세요. "data URI로 복사"가 바로 삽입할 수 있는 문자열을 돌려줍니다.
이미지를 data URI로 넣지 말아야 할 때는요?
브라우저가 알아서 캐시했을 것, 그리고 2킬로바이트를 넘는 것에는 쓰지 마세요. 페이지 사본마다 함께 전송되고 캐시·지연 로딩·더 작은 대체본 교체가 모두 불가능해집니다.
이미지 data URI가 화면에 안 나옵니다
Content-Security-Policy부터 확인하세요. img-src에 data: 가 없으면 조용히 차단됩니다. 그다음으로 접두어의 MIME 타입이 실제 이미지 형식과 맞는지 보세요.