UtilityNest

Base64 인코딩·디코딩

개발 중에 만나는 Base64 문자열을 바로 풀어 보고, 이미지를 HTML이나 CSS에 넣을 data URI로 바꿀 수 있습니다. 모든 변환은 브라우저 안에서 이루어지고 파일은 업로드되지 않습니다.

View in English
  • 파일이 내 기기 밖으로 나가지 않아요
  • 회원가입 없음
  • 무료, 제한 없음

Base64 인코딩·디코딩 사용 방법

  1. 1텍스트, 파일을 Base64로, Base64를 파일로 중 원하는 탭을 고르세요.
  2. 2텍스트 탭에서는 인코딩 또는 디코딩을 고르고 내용을 입력하면 결과가 바로 나타납니다. 필요하면 URL 안전 형식을 켜세요.
  3. 3파일을 Base64로 탭에서는 이미지나 파일(최대 25MB)을 끌어다 놓으면 data URI, Base64만, HTML <img> 태그, CSS 배경 이미지 코드가 만들어집니다.
  4. 4Base64를 파일로 탭에서는 Base64나 data URI를 붙여넣으면 형식을 감지해 미리보기를 보여 주고, 파일 이름을 정해 파일 다운로드를 누르면 저장됩니다.

Base64란?

Base64는 이미지나 파일 같은 이진 데이터를 영문, 숫자, +, / 로만 된 글자로 바꾸는 방식입니다. 이메일 첨부파일, JSON API의 이미지 데이터, HTML에 직접 넣는 이미지(data URI), JWT 토큰 등에 쓰입니다. 암호화가 아니라 누구나 되돌릴 수 있는 변환이므로 비밀번호를 숨기는 용도로는 쓰면 안 됩니다.

텍스트는 UTF-8로 인코딩하므로 한글과 이모지도 깨지지 않습니다. 디코딩할 때는 일반 Base64, URL 안전 Base64(- 와 _ 사용), 패딩(=) 없는 문자열, data: URI를 모두 받아들입니다.

이미지를 Base64로 바꿔 HTML·CSS에 넣기

작은 아이콘이나 로고를 Base64 data URI로 바꾸면 별도 이미지 파일 없이 HTML이나 CSS에 바로 넣을 수 있습니다. 다만 Base64로 바꾸면 용량이 약 33% 커지므로 몇 KB 넘는 이미지는 그냥 파일로 두는 것이 페이지 속도에 좋습니다. 이미지 용량부터 줄이고 싶다면 이미지 압축을 먼저 써 보세요.

Base64 문자열을 다시 파일로

API 응답이나 로그에 들어 있는 긴 Base64 문자열을 붙여넣으면 PNG, JPG, GIF, WebP, PDF, ZIP, MP3 등 형식을 파일 앞부분으로 자동 감지하고 이미지는 미리보기로 보여 줍니다. 텍스트 탭에서 디코딩했는데 텍스트가 아닌 이진 데이터라는 안내가 나오면 이 탭에서 파일로 저장하세요.

자주 묻는 질문

Base64 디코딩하면 한글이 깨져요.

이 도구는 UTF-8로 디코딩하므로 UTF-8로 인코딩된 한글은 그대로 나옵니다. EUC-KR 등 다른 인코딩으로 만든 Base64라면 텍스트가 아닌 이진 데이터로 안내될 수 있습니다.

이미지를 Base64로 바꾸려면?

파일을 Base64로 탭에 이미지를 끌어다 놓으세요. data URI, Base64만, HTML <img> 태그, CSS 배경 이미지 코드가 만들어지고 각각 복사할 수 있습니다.

Base64 문자열을 이미지 파일로 저장할 수 있나요?

네. Base64를 파일로 탭에 붙여넣으면 형식을 감지해 미리보기를 보여 주고, 파일 다운로드로 올바른 확장자의 파일을 저장합니다.

Base64는 암호화인가요?

아니요. 누구나 쉽게 원래대로 되돌릴 수 있는 인코딩일 뿐입니다. 민감한 정보를 보호하려면 암호화를 써야 합니다.

파일이 서버에 업로드되나요?

아니요. 파일과 텍스트는 모두 브라우저 안에서 변환되고 기기 밖으로 나가지 않습니다.