이미지 → Base64 변환기
아래에 이미지를 드롭하면 즉시 Base64로 인코딩됩니다 — 모든 기능이 브라우저에서 실행되며 서버에 업로드되지 않습니다.
이미지를 여기에 드래그 앤 드롭
또는 클릭하여 찾아보기 — 클립보드에서 붙여넣기도 가능합니다
이미지 선택
이미지를 추가하면 Base64 문자열이 여기에 표시됩니다.
이미지 → Base64 변환기 소개
Image to Base64 변환기는 어떤 이미지든 Base64 문자열이나 바로 쓸 수 있는 데이터 URI로 변환하며, 모든 과정이 브라우저 안에서 이루어집니다. 파일을 드롭 영역에 드래그하거나, 찾아보기로 선택하거나, 클립보드에서 이미지를 바로 붙여넣으면 인코딩된 결과가 미리보기와 함께 즉시 나타납니다.
원본 Base64(인코딩된 바이트만)와 data:image/…;base64,… 형태의 전체 데이터 URI 중에서 선택할 수 있으며, 이는 CSS background-image, HTML img src, JSON 페이로드에 바로 붙여넣을 수 있습니다. 상세 패널에는 파일 이름, MIME 타입, 픽셀 크기, 원본 크기, 인코딩된 크기가 표시됩니다.
파일은 FileReader API로 로컬에서 읽히므로 어떤 서버로도 업로드되지 않습니다. 이미지가 로고, 내부 대시보드 스크린샷 등 제3자에게 넘기고 싶지 않은 자산일 때 유용합니다.
이미지 → Base64 변환기 사용 방법
- 이미지를 페이지에 드래그 앤 드롭하거나, 클릭해서 찾아보거나, 클립보드에서 붙여넣으세요.
- 출력 형식을 선택하세요: 원본 Base64 또는 데이터 URI.
- 미리보기와 이미지 상세 정보(타입, 크기, 원본 대비 인코딩 크기)를 확인하세요.
- Copy Base64를 클릭해 CSS, HTML, JSON에 쓸 문자열을 가져오세요.
자주 묻는 질문
아니요. 파일은 FileReader API를 이용해 브라우저 안에서 로컬로 읽고 인코딩됩니다. 서버를 전혀 거치지 않으므로 큰 이미지도 결과가 즉시 나타납니다.
네, 무료이며 변환할 수 있는 이미지 개수에 제한이 없습니다.
아이콘, 작은 로고, 이메일 이미지처럼 캐시 효율보다 HTTP 요청 절약이 더 중요한 작은 자산에 인라인 처리가 적합합니다. 큰 사진은 일반 파일로 제공하는 편이 낫습니다. Base64는 독립적인 캐싱도 비활성화하기 때문입니다.
Base64는 3바이트마다 4개의 ASCII 문자로 표현하므로, 인코딩된 문자열은 원본 파일보다 약 33% 커집니다. 상세 패널에 두 크기가 모두 표시되므로 트레이드오프를 판단할 수 있습니다.
원본 Base64는 인코딩된 바이트만 있는 형태로, API나 JSON 필드에 유용합니다. 데이터 URI는 그 바이트에 MIME 타입 접두사(data:image/png;base64,…)를 씌워, 브라우저가 src 속성이나 CSS url() 값에서 바로 렌더링할 수 있게 합니다.
인기 검색어
이미지 base64 변환
base64 이미지 인코더
이미지 data uri
이미지 base64 변환기
png base64
인라인 이미지 base64
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.