파일 → Base64 변환기
파일에서 Base64, 데이터 URL, HTML·CSS 코드를 만드세요.
파일을 끌어 놓거나 클릭해 선택하세요
PDF, 글꼴, 문서, 이미지, 오디오
파일명:
MIME 유형:
크기:
전체 데이터 URL
Base64만
img 태그
CSS url()
01
전체 데이터 URL
FileReader로 바이트를 읽어 MIME 유형이 포함된 데이터 URL을 만듭니다. Base64 출력은 쉼표 뒤의 데이터만 포함합니다. HTML·CSS 출력은 지원되는 이미지용입니다.
02
Base64만
API가 data:…;base64, 접두사 없는 데이터를 요구할 때 사용합니다.
03
CSS url()
아니요. img 태그와 CSS 배경은 이미지용입니다. PDF나 다른 문서는 적절한 삽입 방식을 사용하세요.
기술 정보
작동 방식:
FileReader로 바이트를 읽어 MIME 유형이 포함된 데이터 URL을 만듭니다. Base64 출력은 쉼표 뒤의 데이터만 포함합니다. HTML·CSS 출력은 지원되는 이미지용입니다.
예제:
data:application/pdf;base64,JVBERi0xLjQKJ…
활용 예:
- >전체 데이터 URL
- >Base64만
- >CSS url()
자주 묻는 질문
어떤 파일이든 변환할 수 있나요?
네. Base64는 모든 바이트 데이터를 표현할 수 있습니다. 다만 브라우저가 모든 파일 형식을 표시할 수 있는 것은 아닙니다.
Base64만 필요한 경우는 언제인가요?
API가 data:…;base64, 접두사 없는 데이터를 요구할 때 사용합니다.
img나 CSS 코드로 PDF를 표시할 수 있나요?
아니요. img 태그와 CSS 배경은 이미지용입니다. PDF나 다른 문서는 적절한 삽입 방식을 사용하세요.
데이터가 서버로 전송되나요?
아니요. 모든 처리는 브라우저에서 이루어집니다.